A Proto.io recreation of the transitions used in Leo Leung’s design: ToFind https://dribbble.com/search?q=Leo+Leung

'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.

A simple implementation of how to simulate a Dynamic List which the user can manually increase or decrease using a single Container, a List component and States.

Airbnb inspiration

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.

Say hello to our brand new visual easings manager! This project was created using custom easings and more specifically cubic bezier.

An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.