Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Infinite snap carousel for Credit Card Statements. Cards designs were used from Sketch from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

A halloween project i have put together using the Proto.io Halloween icon set: https://proto.io/freebies/free-halloween-icons/

A project which uses Vector Animations to recreate popular social app interactions.

I'm going to give you an explanation of the best modern football formations. A football formation is a number set that describes the positions of players on the field. It determines how many players play on defense, the midfield, and the frontline. The first number always describes the defender, and so on. For example, a formation like 4-3-3 plays with four defenders, three midfielders, and three forwards. The goalkeeper is never mentioned in a football formation. Most formations are described in three numbers but four- and five-rank formations are also possible. This is created in Proto.io using States and States Animations.

3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

Form validation using variables and states

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

A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.