'Cook it' is an app where users can find recipes based on ingredients they have at home. This project uses variables to add ingredients to the list using a single input field. I created the loading animation using a group of images which rotate into a pot. I used cloning and obscurity transitions in the recipes screen to display the recipe when it's tapped.

Prototype for a tourism app, more info at www.trotalo.com

Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

Tinder UI cards

The project contains numerous examples completed using variables and conditional logic.

Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT