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.

Redesigned from: https://www.sketchappsources.com/free-source/4742-job-seaking-app-sketch-freebie-resource.html to create the sign in process for a company. Incudes: Splash Screen Onboarding Carousel Message Notification Animation Auto Change Focus on Inputs

Redesigned from: https://www.sketchappsources.com/free-source/4752-streaming-app-sketch-freebie-resource.html animation using state transitions vertical scroll show/hide interactions

Registration form with Progress Steps

Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

The project includes 1. snap horizontal scrollable container (screen 2) 2. button enabled when text field is filled (screen 5) 3. Sign in validation using code (screen 7) Credits to https://www.sketchappsources.com/contributor/pirogovoe for the design!!

Drag and drop the blue "app icon" to rearrange the order of the apps on the Home Screen