Shopping cart calculations

4,707
1
33
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Porsche

4,283
0
4
Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations

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

Expand container that moves adjacent content in sync

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

Todd Siegel

Google Inbox - compose animation

11,559
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Boombox

4,472
3
27
A demo created using draggable and rotation features.

Akis Ioannou

Slide in menu

6,807
1
301
A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Conditional Animation Loop

3,635
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Spaceship

1,712
0
9
A simple spaceship animation using 'Animate Item' & states. Design Source: https://www.sketchappsources.com/free-source/3673-rocket-illustration-sketch-freebie-resource.html

186c533a-504d-11ed 9221-0e76797a4f7b

Next