Carousel Onboarding

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

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

Sliding Tab Menu

3,596
0
34
Sliding navigation of Tab Menu

Akis Ioannou

Inbox

3,712
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

Google Inbox - compose animation

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

Simulation of automatic logout

4,987
2
91
This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Akis Ioannou

Cool save interaction and animation

2,345
1
Had fun working with this experience. Interactions: • tap 'Retweet' button > tap cancel • tap 'Retweet' button > tap 'Interesting Facts' That's all! All interactions and icons subject to change ;)

f814178c-504c-11ed 9221-0e76797a4f7b

Hungry Birds game menu

3,450
0
10
A demo showcasing custom device size, animations and key actions. Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.

Akis Ioannou

Boombox

3,351
3
27
A demo created using draggable and rotation features.

Akis Ioannou

Swipe animations

4,041
0
38
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 swipe animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Drag animations

3,199
0
84
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 drag animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Next