auto-complete search

4,460
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

1,777
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

Switching tabs

2,080
0
15
I replicate this cool "Switching tabs" animation by talented Jokūbas- https://dribbble.com/shots/1984025-Switching-Tabs For the creation of this animation, I simply used various state transitions.

Anna w

Bungee jump animation with custom easings

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

Christos Chatzikkos

Conditional Animation Loop

3,043
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.

Constantinos Thoma

YONDER

965
0
4
an app like uber but for long distances, the drivers sets the price and the riders choose the drivers

bc891e8c-504d-11ed 9221-0e76797a4f7b

Zero inbox

2,320
0
14
Zero inbox example using the 'Slide to Delete' pattern

34041018-d2c9-11ed 9221-0e76797a4f7b

ProjTN

1,021
0
1
Projet de MOCI telecomnancy

0cb8a7d6-504e-11ed 9221-0e76797a4f7b

Next