Variables Examples

34,981
44
2,623
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Picker selection to Screen

2,379
0
46
Going to a screen depending on a picker selection using states, variables and the 'Fire an items event' action

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

4,030
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

TV App Basic Content Shelf

1,653
0
0
A very basic content shelf component commonly used by TV apps such as Hulu, Youtube, HBO etc. This component uses a fixed focus model where the items in the shelf move into place using key press interactions. 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.

Nino Silva

Expand/Collapse Menu

7,669
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Hide Navigation Bar On Scroll

5,709
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Demo: Web parallax

6,939
3
113
Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Switching tabs

2,337
0
15
I replicate this cool "Switching tabs" animation by talented Jokūbas- https://dribbble.com/shots/1984025-Switching-Tabs For the creation of this animation, I simply used various state transitions.

74089cc7-9b82-11f0 ad7f-0e3ec7c5f8cf

Football Team Formations

2,422
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

Next