Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

Porsche 911 Carrera S Configurator example

An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

Using variables on a slider to control the Brightness and Hue of a light bulb

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.

This prototype demonstrates basic content navigation for a TV app moving focus model. TV Apps differ from web and mobile in that interactions are triggered by remote control button presses which can be mapped to key board presses with proto io. With a TV focus model every component will have a collection of "On" and "Off" states both between the components themselves i.e: the menu and items within those components i.e: a menu item such as "Movies". These interactions models must work in a way in which as one component is on, all others must be off and so on. This example will show basic interactions and how to navigate pages commonly used my modern TV apps for devices such as Apple TV, Roku, Google TV, Smart TV's etc. 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 simple medium-fidelity e-commerce website prototype built using Proto.io’s ready-made templates.

Using variables to Start/Stop/Pause/Resume a timer