Vertical scrolling feed with 2 expandable areas

6,728
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

Safari Browser

2,676
0
61
This allows you to swipe up and down the page, using the native safari Browser Behaviour. Useful for any web project you are working on. Comes in both Regular and Private Browser. Also allows you to enter the URL. Carousel thrown in for good measure.

44699c0b-504e-11ed 9221-0e76797a4f7b

Drag and Drop Variables

4,468
9
216
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Constantinos Thoma

Kitty

1,610
0
An app designed to help with stress management through the development of critical thinking skills and creativity

Carly Holtzman

MIX & MATCH

1,470
0
1
Lets babies mix and match and make all kinds of silly halloween characters. Images from: https://www.comofazeremcasa.net/brinquedo-com-blocos-de-madeira-para-criancas-com-moldes/

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

Picker selection to Screen

1,644
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

Sashi the Frog

1,214
0
4
Used only shapes to create Sashi and Frog and a cool animation

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Circle illusion with Tusi motion

726
0
2
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.

16ff68c7-504e-11ed 9221-0e76797a4f7b

Next