Variables Examples

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

Akis Ioannou

Website Template

3,793
0
75
A website template with multilevel dropdown menus and scrolling area.

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

10 Second Timer Example

6,523
5
213
I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Map Routes

2,779
0
93
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

186c533a-504d-11ed 9221-0e76797a4f7b

Google TV Home Banner

2,490
0
6
Interactive banner with video of Google TV's home page. Must click to enable key presses used on a TV focus interaction model. The menu can be navigated but is only actionable for "For You" on the home page. Switching focus to the banner will enable additional UI and pausing on left/right interactions will allow for video playback with sound. No interactions below the banner are actionable.

Nino Silva

Credit Card Statements

3,333
0
Infinite snap carousel for Credit Card Statements. Cards designs were used from Sketch from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

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

Shopping cart calculations

3,653
1
30
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Random Graph Generator

2,434
0
28
Random Graphs created by using variables.

34041018-d2c9-11ed 9221-0e76797a4f7b

Porsche

2,928
0
4
Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Next