iOS Spotlight

26,501
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Nyancat

1,092
0
0
Graphics & credit from: https://www.sketchappsources.com/free-source/3362-nyan-cat-vector-sketch-freebie-resource.html. A small basic project animating this small design including its theme song. I do not own any of the following graphical and audio content. All rights are reserved to the appropriate entities.

1862c716-504d-11ed 9221-0e76797a4f7b

Menu Overlay Animation - Google Calendar for iOS

6,897
0
167
Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

Todd Siegel

Flipboard Animation

5,699
1
56
The Flipboard animation created using states.

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

Smart Home - High Fidelity

2,934
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

Keezy App Animation

6,308
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

IFTTT

16,608
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Car2go

1,909
0
34
This prototype is addressing the payment portion of the Car2go app. The current mobile app has no options to manage any payment information. Use the blue car icons or the hamburger navigation to view the proposed payment portion.

f4e55ea7-504d-11ed 9221-0e76797a4f7b

show animaition (tap&scroll)

3,798
1
36
show animaition (tap&scroll)

a50d0f82-504e-11ed 9221-0e76797a4f7b

Next