Here's a demo showing a basic color picker using a container with 4 states for both the colored star and the color swatches.

Re-creation of the apple.com mobile site flyout menu with subtle animations. See how it was re-created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ Enjoy.

Conception & développement d'une application mobile. Un voyage dans le temps! https://www.behance.net/gallery/29509897/Laps-Travel-app-UxUi-Design Le Routard crée en 1973 s'impose comme leader sur le marché des guides de voyages cependant l'industrie du voyages à énormément changé au cours des dernières années via le développement du numérique : voyages en ligne, application... Avec le développement de la 4G, des réseaux sociaux et des points d'accès wifi, nous tendons de plus en plus vers un monde digital, nomade et social. Le Routard souhaite développer une application mobile proposant des itinéraires culturels et historiques permettant ainsi de développer une communauté autour du partage et du voyage, et d'inscrire l'enseigne dans l'ère du partage nomade et du digital. Explorez, Découvrez, Partagez...Explorez l'inattendu! https://www.behance.net/gallery/29509897/Laps-Travel-app-UxUi-Design

Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Tourist app

If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen