Inbox

4,240
1
54
Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

Akis Ioannou

Silent Shaves (Intro)

4,428
1
250
Concept intro of a mobile app. Loading screen and logo animating to the home screen of the app. Content appears in a subtle animation.

Alexis Piperides

Google Inbox - compose animation

10,948
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

Olympic Rings

2,605
0
11
An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

Alexis Piperides

Fm Brava

1,345
0
1

Fit Livin

2,087
0
Intro to FitLivin' Prototype. For more information on FitLivin' LLC head over to fitlivin.com

6bc1e6ae-504d-11ed 9221-0e76797a4f7b

Forms Display

1,958
0
63
Super simple - Showing how to display from a form

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

Panning animations

5,756
0
61
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see panning animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Reproducing instagram info bars behaviour

5,784
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

Next