A website template with multilevel dropdown menus and scrolling area.

The Flipboard animation created using states.

A reverse timer using the handle to designate where the timer begins its countdown.

A demo project animating the "The Umbrella Academy" logo components by using various transitions' types. The "The Umbrella Academy" logo is courtesy of Netflix https://www.netflix.com

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE - Mobile Version Using an embed map from https://www.arcgis.com/

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

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.