A demo showcasing custom device size, animations and key actions. Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.

A demo created using draggable and rotation features.

An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

This one-screen prototype demonstrates some of Proto.io animation functionality.

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

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

This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Try it: rotate the circle with your finger (goes from 14 - 28) Help needed: play "tock" sound ONLY when temperature changes (every 30 degrees)