Google Inbox - compose animation

10,743
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

Form validation

2,296
0
89
Form validation using variables and states

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Stitch⁺

453
0
A live-streaming app with a simple-to-use interface.

David Spelling

Flip page Animation

660
0
2
Flip page animation create using states

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Copy of Inside Coach

1,241
0
A mobile integrated with smart sports balls under development.

b3135c17-504d-11ed 9221-0e76797a4f7b

Panning animations

5,595
0
61
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see panning animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Stratos AIR

1,493
0
Rethinking in-flight entertainment.

77aef26f-504d-11ed 9221-0e76797a4f7b

iOS Spotlight

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

Next