Animated Navigation Bar

3,497
0
53
This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

Constantinos Thoma

Football Team Formations

1,939
0
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.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Travel App

2,077
0
27
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.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

COUNTER

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

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Netflix Desktop UI Sketch Resource

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

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Nokia - Snake Game

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

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Light Switch

1,650
0
10
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

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

3,646
0
Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE - Desktop Version Using an embed map from https://www.arcgis.com/

74a7bee2-504d-11ed 9221-0e76797a4f7b

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

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

74a7bee2-504d-11ed 9221-0e76797a4f7b

Next