The Flipboard animation created using states.

3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

2 types of modals / popup examples

Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. 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.

Registration form with Progress Steps

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.

A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Random Password Generator created using variables.

One Page Website example created with Proto.io

Duplicate this file as a starter pack to our UI Animation Workshop