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

Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

A reverse timer using the handle to designate where the timer begins its countdown.

A tribute to Giannis Antetokounmpo by using some smooth state transitions in Proto and the "Finding Giannis" video by TNT. Wallpaper by https://lleytonjackson.weebly.com/ Youtube Video: "Finding Giannis" by NBA on TNT https://www.youtube.com/watch?v=HrCU305tzmM

Setting up a calendar event using Proto.io Templates and Variables