Expand container that moves adjacent content in sync

3,663
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

Get the position of a scrolling container

4,495
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Demo: Web parallax

7,083
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

On-boarding carousel

6,984
2
248
An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

a03851e9-504c-11ed 9221-0e76797a4f7b

To-Do App

3,107
2
108
This is an interactive prototype of a To-Do app and the UI kit used is provided by invisionApp. The UI kit can be found at : https://www.invisionapp.com/do

00812837-504d-11ed 9221-0e76797a4f7b

Dynamic List Simulation

3,931
0
74
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.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Image upload animation

2,360
0
24
This image uploading animation simulates dragging and dropping a file into a predefined area using Variables. *Credits to Jokūbas as this is a replicate of his animation https://dribbble.com/shots/1413804-Image-Uploading-Animation

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

Shopping Cart

4,948
4
105
A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

34041018-d2c9-11ed 9221-0e76797a4f7b

Next