Flip page animation create using states

An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

I made this illusion based on the Tusi motion method, which takes his name from Nair al-Din Tusi, a Persian astronomer from the 13th century. The principle established by Tusi states that: If a circle with diameter A rotates on the inner boundary of a circle with diameter 2A, then a point on the circumference of the inner circle traces a straight line. As you can see, any ball in the inner circumference is following a perfect linear movement. This is created with 8 Containers where the balls move linear in a loop. The delay between balls must be always the same as the speed of the animation. An ease-in-out cubic-bezier(.4, 0, .6, 1) animation is required to get the circular shape.

My own version of the Pandora Taylor Swift example provided by Proto.io's video tutorial.

A simple implementation of how to simulate a Dynamic List which the user can manually increase or decrease using a single Container, a List component and States.

Filtering Activity Feed (Templates) by Tags using Container States Filter / container states

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

One Page Website example created with Proto.io

The project contains numerous examples completed using variables and conditional logic.