Google Inbox - compose animation

11,791
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

Panning animations

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

BiblioTour

2,242
0
Prototype of an appa that commemorates the ITESM Library

dcbe71e0-504c-11ed 9221-0e76797a4f7b

Menu idea

4,744
4
115
I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Alexis Piperides

Share button

3,322
1
116
An idea of a draggable share button. Much easier with one hand drag than two clicks. Just drag the share icon and you'll see.

Alexis Piperides

Animation to profile

5,164
5
Transition from feed to profile using some fun animations.

f814178c-504c-11ed 9221-0e76797a4f7b

Drag animations

4,214
0
84
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 drag animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Next