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

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

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

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

Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

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

Using simple 'Animate Item' and 'Show/Hide' interactions to have the boxes disappear and realign accordingly. Can be used as a base on how you can build notifications or lists to realign themselves.