Variables Examples

34,312
44
2,622
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Sign in Screen

9,878
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

Sign up - Sign in

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

Constantinos Thoma

Using a switch to select items and add costs

2,433
0
54
Use a variable to add the costs of premium features that are selected or deselected using an iOS switch component. See a video of how to do this step-by-step in this webinar: https://support.proto.io/hc/en-us/articles/115001585411-Model-advanced-prototypes-that-use-variables-part-II TAGS: variables variable math addition switch switches fire an items event

Todd Siegel

Zero inbox

2,303
0
14
Zero inbox example using the 'Slide to Delete' pattern

34041018-d2c9-11ed 9221-0e76797a4f7b

Map Routes

2,771
0
93
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

186c533a-504d-11ed 9221-0e76797a4f7b

Flipboard Animation

5,378
1
56
The Flipboard animation created using states.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Menu Flyout Subtle Animation

3,441
1
56
Re-creation of the apple.com mobile site flyout menu with subtle animations. See how it was re-created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ Enjoy.

Todd Siegel

Next