Google Inbox - compose animation

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

Expand/Collapse Menu

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

Akis Ioannou

Reproducing instagram info bars behaviour

6,211
9
291
A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Akis Ioannou

On-boarding carousel

7,011
2
248
An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

a03851e9-504c-11ed 9221-0e76797a4f7b

Game Over

3,350
0
17
Mobile app interactive prototype.

Lukasz Jackiewicz

Forms Display

2,199
0
63
Super simple - Showing how to display from a form

8bcd91d3-4fba-11ee bd60-0e76797a4f7b

Jazz Music Player

5,786
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Calendar concept

10,054
2
626
A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

Alexis Piperides

Obi Medical App

2,051
0
7
College Project on using Proto.io as a "New Technology" .... showing how a group of non-programmers can now prototype any app.

f58610f7-9250-11ed 9221-0e76797a4f7b