Hide Navigation Bar On Scroll

5,312
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Sign in Screen

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

Date picker

7,777
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

Seat Reservation

1,832
0
4
Book a seat to a Hall, count selected seats, and calculate total cost of seats booked - Helios Hall is the interactive Hall for the seat reservation

17056140-504e-11ed 9221-0e76797a4f7b

Smoothies to Door

3,288
0
29
A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Akis Ioannou

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

LFC

1,425
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

Google Inbox - compose animation

10,800
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Next