Form validation

2,385
0
89
Form validation using variables and states

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

Sign in Screen

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

LFC

1,428
0
5
I got some information from the https://www.liverpoolfc.com/team/first-team official website to create the player list for mobile devices. The project has vertical and horizontal scrolling and a menu that slides in from the top of the screen

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Spoon Dating App

3,908
2
53
Spoon is a dating app concept aiming to make online dating more efficient, and fair. The concept has the following main characteristics: 1) Gender equality ⁠— the app decides who makes the first move; 2) Time efficiency — no need to put in hours of work to meet somebody; 3) Incremental steps towards a clear goal — no limbo states, no endless/goalless swiping; 4) Fairness, respect, and accountability for its users — choosing someone means you commit resources to that person, no second thoughts allowed; 5) Match exclusivity — chat with only one person at a time; no competing for one’s attention; 6) Fast and fluid interactions — chat while both users are online and active, no offline messages. I hope you like it.

a1a5e14a-504c-11ed 9221-0e76797a4f7b

iOS Spotlight

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

Material Design Dashboard

2,486
0
48
A prototype of the admin-panel dashboard of e-shop software, built with Proto.io’s Material Design library. The prototype uses containers and states to create a highly interactive, single-page dashboard.

Akis Ioannou

Shopping cart calculations

3,638
1
30
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Tumblr

5,728
0
108
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

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

Next