auto-complete search

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

Safe/Combination lock

2,396
0
17
Safe/Combination lock

Moiraine Damodred

IFTTT

15,399
4
208
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

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Slide in menu

5,385
1
301
A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Date picker

7,040
1
436
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

Hover to play sound

1,635
0
10
Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

1866935c-504d-11ed 9221-0e76797a4f7b

Spacetrip App

3,964
0
122
'Space tourism for everyone' “Earth is a small town with many neighborhoods in a very big universe.” ― Ron Garan Hey, here is my prototype which I made using Proto.io. Imagine that one day we all will be able to become space travellers.

a16d9c01-504c-11ed 9221-0e76797a4f7b

Dial Timer

1,355
0
24
A reverse timer using the handle to designate where the timer begins its countdown.

1866935c-504d-11ed 9221-0e76797a4f7b

NWTG: No Where To Go

1,390
0
"No where To Go: Another Reality" is an app that will let you escape reality and will let you build your own world by using the features that the app have. The user will be able to become the designer, and they can navigate and see other people worlds. This prototype was done for a project in Graphic design major, Virginia Commonwealth University School of the Arts in Qatar.

fc87b032-504c-11ed 9221-0e76797a4f7b

Next