Keezy App Animation

5,762
1
38
Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

Todd Siegel

Extended UI libraries

25,009
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Color Picker

2,465
1
8
Here's a demo showing a basic color picker using a container with 4 states for both the colored star and the color swatches.

Todd Siegel

Guess The Word

1,285
0
5
Its a simple word guessing game with a given hint.

8e4a620d-504c-11ed 9221-0e76797a4f7b

Scrapbook

1,633
0
2. CREATE A SCRAPBOOK PAGE: a) Create a new Page b) Add 1 default image from collection c) Crop the image on the canvas d) Paint a squiggle e) Cut up the image on the canvas into 4 pieces of any shape f) Type something g) Place an emoji h) Save Scrap After 5 min take a break, or not View Trust Circles

Carly Holtzman

Jack Daniels

2,048
0
Recreation of the animation from: https://www.sketchappsources.com/free-source/1978-whiskey-jack-daniels-app-sketch-freebie-resource.html with a snap carousel

469c1b7e-504e-11ed 9221-0e76797a4f7b

Skylight AR - Framed Photo Prints

1,211
0
6
Skylight AR is an augmented reality app concept. Use your phone's camera and the Skylight AR to create framed photo prints for your home and order them on the spot. A static image was used instead of a video. Contains scrollable containers, mouse over and mouse out interactions, states' transitions and other. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Smart Home - High Fidelity

2,503
1
44
The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Example Pricing Page

1,700
0
An example of a pricing screen imported from https://www.sketchappsources.com/free-source/3749-pages-ui-web-kit-update-2019-sketch-freebie-resource.html

34041018-d2c9-11ed 9221-0e76797a4f7b

Smoothies to Door

2,944
0
29
A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Akis Ioannou

Next