COUNTER

2,807
3
164
3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Squid Game

1,530
0
Red light / Green light game from Squid Game

17056140-504e-11ed 9221-0e76797a4f7b

Variables Examples

34,296
44
2,622
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Storyboard Animatic - Low Fidelity

3,189
0
5
Animated storyboard using low fidelity assets created in Proto.io, and icons found within the Proto.io library and Noun Project. The "On Screen Show" screen interaction is used to animate the content through a sequence of callbacks. See how this was made step-by-step in this webinar video on Low Fidelity prototyping: http://docs.proto.io/videos/low-fidelity-prototyping-with-proto-io/ TAGS: storyboard low fidelity auto-play

Todd Siegel

Seat Reservation

1,819
0
4
Book a seat to a Hall, count selected seats, and calculate total cost of seats booked - Helios Hall is the interactive Hall for the seat reservation

17056140-504e-11ed 9221-0e76797a4f7b

Extended UI libraries

25,317
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Menu Overlay Animation - Google Calendar for iOS

6,543
0
167
Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

Todd Siegel

auto-complete search

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

Next