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

Google Inbox - compose animation 7,985

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
@productevangelist
Share 268 38
Published November 3rd, 2014 in Navigation, Input, Animation

Comments (4)

You must be signed in to join the conversation.
Alexander Mickus @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:
http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io/
Ayushman Pershad @Ayushmanpershad · Nov 11, 2014
Amazing
Yuri Rabinovich @byuric · Nov 10, 2014
Love it.

More by Todd View all

Staff picks