A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

A recreation of the classic JRPG Final Fantasy 7 game start screen. Use the Up/Down keys on the keyboard to navigate the options. Hit the 'Enter' key when 'New Game' option is selected to play the intro cutscene from the original game. I do not own the rights to any Final Fantasy franchise, game, media or art. All right reserve to Square Soft/Square Enix. (http://www.square-enix.com/) This is a tribute to their franchise.

A simple spaceship animation using 'Animate Item' & states. Design Source: https://www.sketchappsources.com/free-source/3673-rocket-illustration-sketch-freebie-resource.html

Fashion Shop App UI This UI set includes 5 screens: Splash, Sign up, Login, Home and Product Details Design Credits: https://www.sketchappsources.com/free-source/3663-hi-fashion-shop-ui-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.

Prototipo diseñado para el proyecto del módulo Diseño de Software.