Map Routes

2,774
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

Lamp

1,022
0
9
Curved Slider controlling lamp brightness. Designs taken from: https://www.sketchappsources.com/free-source/3592-smart-lamp-view-sketch-freebie-resource.html

e88622aa-504c-11ed 9221-0e76797a4f7b

Photo Gradients

1,882
0
This 18 Cool Gradients was designed by Osama Dawood https://www.sketchappsources.com/free-source/3607-gradients-ui-kit-sketch-freebie-resource.html

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

Circular progress bar

1,617
0
25
Circular progress bar

Moiraine Damodred

Picker selection to Screen

2,028
0
46
Going to a screen depending on a picker selection using states, variables and the 'Fire an items event' action

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

Random Image

1,765
0
17
Showing a random image each time a button is pressed. Project was created using Variables and States

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

Interactive Line Graph - The easy way

1,531
0
14
This is a simple way to create an interactive line graph. There is another way to create it which involves Draggable Elements instead but that requires a much more complex setup. Go ahead and import the project in your account! By seeing the interactions you will realise how easy it is to recreate. p.s not the smoothest animation but feel free to improve it

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Next