Instagram Pull to Refresh

5,450
3
313
A simple implementation of Pull to Refresh

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

Google Inbox - compose animation

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

GetLost Student Map

5,160
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

GoodReads

6,184
2
166
This is the redesign of GoodReads app for Android. Hope you guys love it, and I would love to know your views about it!

fda4c75e-504c-11ed 9221-0e76797a4f7b

Sticky Scrolling Sidebar Example

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

Akis Ioannou

Menu Overlay Animation - Google Calendar for iOS

6,977
0
167
Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

Todd Siegel

Hide Navigation Bar On Scroll

5,911
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Snapchat Login Sample

2,828
2
This prototype is basically just a Snapchat login very well designed, with most of the replicable elements of their app.

6433ad9b-504d-11ed 9221-0e76797a4f7b

Common onboarding pattern

3,507
0
63
This prototype shows a common onboarding pattern with a series of 3 panels, each with a different background media (photo, looping video, and a GIF). TAGS: onboarding sync page controller looping video GIF

Todd Siegel

On-boarding carousel

7,006
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

Next