Variables Examples

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

Akis Ioannou

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

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

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

Swarm Check-in

18,845
0
177
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Tinder UI

22,562
6
1,215

Calendar concept

10,040
2
626
A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

Alexis Piperides

Expand/Collapse Menu

7,831
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Get the position of a scrolling container

4,503
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Bookstore website prototype

2,983
0
For my User Experience & Visual Design class we had to redesign the entire website for a bookstore called Laie that is based in Barcelona. This is desktop proposal. It's my first time using proto.io! Feedback is more than welcomed! I'm a 3rd year Graphic Design student from Barcelona. cristinanitrons@hotmail.com

66d6454f-504d-11ed 9221-0e76797a4f7b

Next