Google Inbox - compose animation

10,810
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

Olympic Rings

2,470
0
11
An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

Alexis Piperides

Simulation of automatic logout

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

Akis Ioannou

Cool save interaction and animation

2,475
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

Fooderfoodie

1,914
0
prototype of our Fooder program for HackSC

a1dba850-504e-11ed 9221-0e76797a4f7b

WalkTheWorld(New)

2,272
0
Rough Proto of our Walk the World Pedometer App

6bc1e6ae-504d-11ed 9221-0e76797a4f7b

Fit Livin

2,030
0
Intro to FitLivin' Prototype. For more information on FitLivin' LLC head over to fitlivin.com

6bc1e6ae-504d-11ed 9221-0e76797a4f7b

Tap to animate

4,124
0
68
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 the following interactions: Tap to rotate Tap to zoom in/out Tap and hold to transform.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Next