Google Inbox - compose animation

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

Animation to profile

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

f814178c-504c-11ed 9221-0e76797a4f7b

Swarm Header Switch

3,322
0
45
A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

92f2b218-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

Silent Shaves (Intro)

5,062
1
250
Concept intro of a mobile app. Loading screen and logo animating to the home screen of the app. Content appears in a subtle animation.

Alexis Piperides

Variables Examples

35,634
44
2,625
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Simulation of automatic logout

6,150
2
91
This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Akis Ioannou

Cool save interaction and animation

3,007
1
Had fun working with this experience. Interactions: • tap 'Retweet' button > tap cancel • tap 'Retweet' button > tap 'Interesting Facts' That's all! All interactions and icons subject to change ;)

f814178c-504c-11ed 9221-0e76797a4f7b