Variables Examples

35,174
44
2,625
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Extended UI libraries

26,244
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

Drag and Drop Variables

5,143
9
217
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.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

e-Wallet

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

2be093e4-504d-11ed 9221-0e76797a4f7b

Bodymovin Animation

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

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Apple Watch using native UI library

33,364
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

iOS Spotlight

26,623
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Vector Animation Splash

4,353
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

Sign up - Sign in

6,729
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Date picker

8,280
1
441
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

Next