Change of the header according to scroll position of content.

The Flipboard animation created using states.

Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

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.

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.

Using simple 'Animate Item' and 'Show/Hide' interactions to have the boxes disappear and realign accordingly. Can be used as a base on how you can build notifications or lists to realign themselves.