Vector Animation Splash

3,632
4
81
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Search Field Animations

2,575
0
51
Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Todd Siegel

TV App Basic Menu

1,052
0
0
Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Random Graph Generator

2,129
0
26
Random Graphs created by using variables.

34041018-d2c9-11ed 9221-0e76797a4f7b

One page website example

1,845
0
6
One Page Website example created with Proto.io

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Short Examples

1,715
0
17
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Silent Shaves (Intro)

4,123
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,502
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

Next