Snake animation on Nokia. NOKIA 3310 Mockup from: https://www.sketchappsources.com/free-source/3267-nokia-3310-mockup-vector-sketch-freebie-resource.html

Using variables to change the opacity of items Design Downloaded from: https://www.sketchappsources.com/free-source/2567-chandelier-lighting-illustration-sketch-freebie-resource.html

Moodicon is a health-tracking application that tracks your mood, suggests the activities based on that mood for the whole day, and takes your feedback. The main idea is to make sure that an individual is not sitting idle doing nothing except having different thoughts in his/her mind, but to be positive, sharing thoughts on a daily basis, doing different activities to divert the mind, etc.

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.

Interactive banner with video of Google TV's home page. Must click to enable key presses used on a TV focus interaction model. The menu can be navigated but is only actionable for "For You" on the home page. Switching focus to the banner will enable additional UI and pausing on left/right interactions will allow for video playback with sound. No interactions below the banner are actionable.

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 Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

A prototype of the admin-panel dashboard of e-shop software, built with Proto.io’s Material Design library. The prototype uses containers and states to create a highly interactive, single-page dashboard.

Random Password Generator created using variables.

The project contains numerous examples completed using variables and conditional logic.