Flip page animation create using states

One Page Website example created with Proto.io

One Page Website example created with Proto.io

One Page Website example created with Proto.io

I got some information from the https://www.liverpoolfc.com/team/first-team official website to create the player list for mobile devices. The project has vertical and horizontal scrolling and a menu that slides in from the top of the screen

Using variables to change the opacity of items Design Downloaded from: https://www.sketchappsources.com/free-source/2567-chandelier-lighting-illustration-sketch-freebie-resource.html

Snake animation on Nokia. NOKIA 3310 Mockup from: https://www.sketchappsources.com/free-source/3267-nokia-3310-mockup-vector-sketch-freebie-resource.html

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

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

A Picker selection navigates you to the screen selected. The project uses Variables and States and depending on the picker selection I change a button state to navigate you to the right screen.

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.

Change of the header according to scroll position of content.

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