Variables Examples

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

Akis Ioannou

Sign in Screen

10,368
5
776
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes. Use the following to successfully sign in and proceed to the next screen User Name: john Password: proto.io

Akis Ioannou

Apple Watch using native UI library

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

Akis Ioannou

Extended UI libraries

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

iOS Spotlight

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

Cook it

3,659
0
67
'Cook it' is an app where users can find recipes based on ingredients they have at home. This project uses variables to add ingredients to the list using a single input field. I created the loading animation using a group of images which rotate into a pot. I used cloning and obscurity transitions in the recipes screen to display the recipe when it's tapped.

Vasilis Odysseos

Sign up - Sign in

6,739
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

Dynamic List Simulation

3,946
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

ToFind

5,010
1
139
A Proto.io recreation of the transitions used in Leo Leung’s design: ToFind https://dribbble.com/search?q=Leo+Leung

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Next