Setting up a calendar event using Proto.io Templates and Variables

animation using state transitions

Car rental created with related drop down menus. Submenu depends on parent menu selection

Created using some of the provided templates

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

variables, scrollable containers, container states Avatar style design Credits: https://www.sketchappsources.com/free-source/4458-memoji-icons-sketch-freebie-resource.html

Track your daily calories with your camera, get recommended based on your gender, interactive UI!

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.