Sign in Screen

10,280
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

e-Wallie

2,397
1
33
e-Wallie banking app! Contains Interactive line graphs (hover over the line graph lines), animations, state transitions, skeleton screens, bodymovin / lottie animations. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Picker selection to Screen

2,430
0
46
Going to a screen depending on a picker selection using states, variables and the 'Fire an items event' action

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Apple Watch using native UI library

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

Akis Ioannou

Smart Home - High Fidelity

2,933
1
44
The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Get the position of a scrolling container

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

Mail_app_sample

1,980
0
17
Hello. This is my email app demo I have created in just 1 hour using Pull to refresh and few screen states. I am adding more screens soon

d698e24d-504d-11ed 9221-0e76797a4f7b

Variables Examples

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

Akis Ioannou

UBER

15,304
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

Maps

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

f2c47ef9-504d-11ed 9221-0e76797a4f7b

Next