Expand/Collapse Menu

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

Akis Ioannou

SANOVA

3,334
1

Faces flying out of bar chart

3,451
1
13
A data visualization where a bar chart of faces flies out showing the details of individual faces.

Todd Siegel

multiple slider test

2,166
2
A score based filter system that I hacked using variables. Each of the 10 cities is assigned a score for avg temperature, Taxes, and Cost of living, and when the sliders correspond to those values cumulatively, those cities show up on the map.

b5c076e7-504c-11ed 9221-0e76797a4f7b

Carousel Onboarding

11,600
9
249
Here's the previous version of Carousel's on boarding sequence

92f2b218-504c-11ed 9221-0e76797a4f7b

Google Inbox - compose animation

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

Android scrollable tabbar

5,492
0
115
Custom Android KitKat Scrollable Tabbar

Akis Ioannou

Keezy App Animation

6,414
1
38
Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

Todd Siegel

Next