Hover to play sound

1,756
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

Laundry App

2,148
0
10
I used part of the "Laundry App UI Kit Sketch Resource" design that was designed by Satheesh Kumar at: https://www.sketchappsources.com/free-source/3397-laundry-app-ui-kit-sketch-freebie-resource.html to create a quick prototype

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

Random Image

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

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

"Finding Giannis"

1,346
0
3
A tribute to Giannis Antetokounmpo by using some smooth state transitions in Proto and the "Finding Giannis" video by TNT. Wallpaper by https://lleytonjackson.weebly.com/ Youtube Video: "Finding Giannis" by NBA on TNT https://www.youtube.com/watch?v=HrCU305tzmM

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Example Pricing Page

1,574
0
An example of a pricing screen imported from https://www.sketchappsources.com/free-source/3749-pages-ui-web-kit-update-2019-sketch-freebie-resource.html

34041018-d2c9-11ed 9221-0e76797a4f7b

Circle illusion with Tusi motion

727
0
2
I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

16ff68c7-504e-11ed 9221-0e76797a4f7b

Random Password Generator

1,107
0
2
Random Password Generator created using variables.

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

Next