Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

Design Credits: https://www.sketchappsources.com/free-source/4675-marier-shopping-ui-kit-ebizmirli-sketch-freebie-resource.html

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

Setting up a calendar event using Proto.io Templates and Variables

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.

Used variables to change filters on an image

Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

This is an expand/collapse menu example that can be created using container states.

A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)