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

Google Inbox - compose animation 10,416

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

Comments (4)

You must be signed in to join the conversation.
89
8e1cfb3b-504e-11ed 9221-0e76797a4f7b @StoniiLabworks · Sep 4, 2018
i could see someone using this to build a mobile KANBAN mobile-first platform..it 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:
http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io/
fb5924a2-504c-11ed 9221-0e76797a4f7b @Ayushmanpershad · Nov 11, 2014
Amazing

More by Todd View all

Staff picks