Netflix Desktop UI Sketch Resource

1,338
0
Netflix Desktop UI Sketch Resource Design: https://www.sketchappsources.com/free-source/3590-netflix-desktop-ui-sketch-freebie-resource.html

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Light Switch

1,406
0
10
Using variables to change the opacity of items Design Downloaded from: https://www.sketchappsources.com/free-source/2567-chandelier-lighting-illustration-sketch-freebie-resource.html

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Set up a calendar event

1,967
0
26
Setting up a calendar event using Proto.io Templates and Variables

17056140-504e-11ed 9221-0e76797a4f7b

animation

843
0
0
animation using state transitions

Annie Simpson

Message notification

1,683
0
25
Popup message on iPhone simulation Message appears in 2 seconds after screen loads / swipe left to dismiss / tap message app to run again

17056140-504e-11ed 9221-0e76797a4f7b

Expenses Report

3,067
0
35
The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

17056140-504e-11ed 9221-0e76797a4f7b

Form examples

748
0
9
3 types of forms in this project: 1. Basic form to fill out your info 2. Form that shows additional fields and expands 3. Form with validation if fields are empty

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

Circle illusion with Tusi motion

759
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

Next