Variables Examples

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

Akis Ioannou

Maps

2,672
0
202
Creation of Map screens using: (1) Map Image Container (2) Google Maps Embed Code.

f2c47ef9-504d-11ed 9221-0e76797a4f7b

Sign in Screen

10,285
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,659
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

Map Data Visualization with Slider using Variables

4,723
1
127
Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Todd Siegel

iOS Spotlight

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

Extended UI libraries

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

Apple Watch using native UI library

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

Akis Ioannou

Date picker

8,205
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