Extended UI libraries

25,340
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

Map Data Visualization with Slider using Variables

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

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

Calendar Date Picker

1,182
0
78
simple date picker with full calendar for one month

3a3f164b-504d-11ed 9221-0e76797a4f7b

Squid Game

1,553
0
Red light / Green light game from Squid Game

17056140-504e-11ed 9221-0e76797a4f7b

Apple Watch using native UI library

32,678
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Sign in Screen

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

WOLT

1,197
0
Workout Log makes entering workouts on the fly easy! This app also allows for creating teams and viewing teammates' workouts, as well as viewing past workouts in monthly view.

9705281a-504e-11ed 9221-0e76797a4f7b

Social

1,616
0
7
Created using some of the provided templates

17056140-504e-11ed 9221-0e76797a4f7b

Hulu TV App Home Screen

4,126
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Next