Conditional Animation Loop

3,043
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

Constantinos Thoma

Tumblr

5,753
0
108
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

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

Google Inbox - compose animation

10,834
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Extended UI libraries

25,373
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

iOS Spotlight

25,783
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

Sticky Scrolling Sidebar Example

5,431
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

Guess The Word

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

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

Next