auto-complete search

4,749
2
154
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.

Todd Siegel

Scrapbook

2,034
0
2. CREATE A SCRAPBOOK PAGE: a) Create a new Page b) Add 1 default image from collection c) Crop the image on the canvas d) Paint a squiggle e) Cut up the image on the canvas into 4 pieces of any shape f) Type something g) Place an emoji h) Save Scrap After 5 min take a break, or not View Trust Circles

88cbb260-5980-11f0 a04a-0e3ec7c5f8cf

Bungee jump animation with custom easings

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

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Conditional Animation Loop

3,334
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Delicious

3,935
0
I used the Sketch "Delicious" free UI Kit for a food recipes app. It includes 11 pixel-perfect screens. I just added Proto.io interactions and created a great prototype! This Delicious UI Kit was designed by Robert Anitei Sketch source: https://www.sketchappsources.com/free-source/1765-delicious-ui-kit-sketch-freebie-resource.html

34041018-d2c9-11ed 9221-0e76797a4f7b

Happy Halloween

2,178
0
A halloween project i have put together using the Proto.io Halloween icon set: https://proto.io/freebies/free-halloween-icons/

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Halloween Cards Onboarding

3,156
0
48
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.

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Bodymovin Animation

3,392
0
26
A project which uses Vector Animations to recreate popular social app interactions.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Next