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

Random Graphs created by using variables.

Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations

One Page Website example created with Proto.io

I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

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.

A demo created using draggable and rotation features.

This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see panning animations in all directions.