Spaces is a community where you can showcase your interactive prototypes Sign up

Google Inbox - compose animation 10,295

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
Share 286 39
Published in Navigation, Input, Animation

Comments (4)

You must be signed in to join the conversation.
8e1cfb3b-504e-11ed 9221-0e76797a4f7b @StoniiLabworks · Sep 4, 2018
i could see someone using this to build a mobile KANBAN mobile-first would make it feasable and pleasant if not enjoyable to use.
8ea06e34-504c-11ed 9221-0e76797a4f7b @protonerds · Jun 26, 2015
Great job Todd!!
Todd Siegel @productevangelist · Dec 4, 2014
I just recently gave a webinar that dissects this prototype and rebuilds it.
Check it out:
fb5924a2-504c-11ed 9221-0e76797a4f7b @Ayushmanpershad · Nov 11, 2014

More by Todd View all

Staff picks