Extended UI libraries

23,930
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

Sign in Screen

9,012
5
775
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

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

Constantinos Thoma

Apple Watch using native UI library

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

Akis Ioannou

Variables Examples

33,173
43
2,612
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Inbox

3,476
1
54
Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

Akis Ioannou

UBER

14,221
9
I created a prototype of the UBER app for Android in order to demonstrate what is possible using Proto.io. This project was a massive undertaking as my goal was to simulate the user experience of what it would be like to order 4 different UBER cars in San Francisco. I plan on doing a full "behind the scenes" article on my website about the challenges I faced along the way simulating the UBER app in Proto.io. Special thanks to the awesome team at Proto.io for all of their tireless assistance along the way! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

color picker

2,005
0
25
Done to explore setting colors with sliders and some Math expressions. Additional features, should anyone wish to build, would be to convert to HSV space, and to produce Hex color codes as well. To use colors, in the color controls of an element, replace the #XXXXXX hex code with this: rgb(255,125,45). Two swatches are provided, since color combinations are more interesting than single colors. Swatches are draggable.

03ec0da9-504d-11ed 9221-0e76797a4f7b

Next