auto-complete search

4,173
2
152
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

Date picker

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

34041018-d2c9-11ed 9221-0e76797a4f7b

Colission

1,692
0
20
A project which simulates a collision between 2 objects. Freely drag the objects onto each other in order to have their core color change when colliding.

Barry Allen

Lights Control

2,573
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Happy Halloween

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

Paul Baker

Game Title Screen

1,670
0
12
Game Title Screen Project. Using a minimal design with overlay transitions, mouse hover effects and states.

Barry Allen

Bodymovin Animation

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

Constantinos Thoma

Jack Daniels

1,958
0
Recreation of the animation from: https://www.sketchappsources.com/free-source/1978-whiskey-jack-daniels-app-sketch-freebie-resource.html with a snap carousel

469c1b7e-504e-11ed 9221-0e76797a4f7b

Next