Spaces is a community where you can showcase your interactive prototypes Sign up

Staff picks

Trello's draggable list demo

849
2
Hi I tried imitating the Trello's interaction to move tiles/cards between different lists.

Mukul Chawla

Flipboard Animation

664
0
11
The Flipboard animation created using states.

Mike Adams

Shopping Cart

687
1
27
A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

Jason Hamilton

Replicating Pong

470
2
4
Replicating the Classic game 'Pong' using variables.

Wade Wilson

e-Wallet

1,184
0
26
Swipe up and down to choose between cards Credits: Card designs used from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

George W

Drag and Drop

1,062
0
14
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

Vector Animation Splash

1,395
4
51
This Splash screen prototype shows a vector animation of a headphone made in After Effects. Use the Bodymovin plugin that exports a JSON file and can be dropped right into Proto.io.

Todd Siegel

Music App

1,173
0
20
Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

Dasha Petrov

Date picker

2,140
0
124
An example of a date picker that can be imported and used in your project. (Basic use of variables)

Jason Hamilton