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

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

A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

Pay and delivery

Using variables to Start/Stop/Pause/Resume a timer

Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

v1