Variables Examples

33,158
43
2,612
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Spotify

22,502
6
629
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Bodymovin Animation

2,641
0
26
A project which uses Vector Animations to recreate popular social app interactions.

Constantinos Thoma

Drag and Drop

4,523
0
79
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

Extended UI libraries

23,910
3
122
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.

Akis Ioannou

Demo: Web parallax

5,773
3
112
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

Expand/Collapse Menu

6,519
2
484
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Date picker

6,987
1
436
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

34041018-d2c9-11ed 9221-0e76797a4f7b

Vector Animation Splash

3,393
4
81
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

Next