Lights Control

3,842
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Sort

1,910
0
14
A project which sorts your players according to the number assigned to them by highest to lowest. You can clear to reset everything back. Created using containers and variables. Can be used to make sure everyone's turn in the game is mapped out correctly.

72038296-9b82-11f0 ad7f-0e3ec7c5f8cf

Drag and Drop

5,946
0
80
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

It’s gradients, brought to life!

4,694
0
24
This prototype showcases a new Proto.io feature called Gradients, it’s a new way to create and animate gradients straight in Proto.io. You can now make your UI pop with vibrant linear or radial colors, and bring to life with beautiful animations.

Akis Ioannou

MIX & MATCH

2,488
0
1
Lets babies mix and match and make all kinds of silly halloween characters. Images from: https://www.comofazeremcasa.net/brinquedo-com-blocos-de-madeira-para-criancas-com-moldes/

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

Photo Gradients

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

Picker selection to Screen

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

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

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

Landing Page

2,839
0
34
Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

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

Next