Flipboard Animation

5,764
1
56
The Flipboard animation created using states.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Google Inbox - compose animation

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

Get the position of a scrolling container

4,495
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Bodymovin Animation

3,503
0
26
A project which uses Vector Animations to recreate popular social app interactions.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Android scrollable tabbar

5,440
0
115
Custom Android KitKat Scrollable Tabbar

Akis Ioannou

Expand/Collapse Menu

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

Akis Ioannou

onboarding of Service App

5,131
4
137
Re-creation of the onboarding sequence of the app "Service" See how it was done step-by-step in the on-boarding webinar: http://docs.proto.io/videos/creating-great-on-boarding-experiences-with-proto-io/ The app itself: https://itunes.apple.com/us/app/service/id1005945537?mt=8

Todd Siegel

My Music App

3,819
0
My Music App lets you listen to your favourite music and add / edit song lyrics to share with the world!

33115daa-ab16-11ef a04a-0e3ec7c5f8cf

Sign up - Sign in

6,719
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Next