Tinder UI cards

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

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.

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

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

An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

2 types of modals / popup examples

The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Rough Proto of our Walk the World Pedometer App