Google Inbox - compose animation

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

Simulation of automatic logout

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

Akis Ioannou

Expand/Collapse Menu

7,841
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Tumblr

6,275
0
108
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Sticky Scrolling Sidebar Example

5,954
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

iOS8 Animation

2,067
2
54
Tried to replicate the iOS8 Mail App swiping gesture interaction

07e45a22-504d-11ed 9221-0e76797a4f7b

???? iOS Prototype

1,533
0
1
1ST prototype of Yishou Tech

4cd62c83-1594-11ee 9221-0e76797a4f7b

Carnival Shooting Gallery

6,078
14
62
This is a custom tablet prototype of my take on a popular carnival attraction called the shooting gallery. I wanted to show everyone how versatible and powerful the Proto.io tool is and demonstrate that anyone can make video games using Proto.io. This prototype was inspired by various versions of the classic game created for mobile devices released a few years ago. This is meant for educational purposes only. Please click on the heart icon below to show your support and leave comments. I'd be happy to answer any questions you have. Have fun! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Next