One page website example

882
0
3
One Page Website example created with Proto.io

Paul Baker

Short Examples

1,288
0
15
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Boombox

3,245
3
27
A demo created using draggable and rotation features.

Akis Ioannou

Reproducing instagram info bars behaviour

5,081
9
291
A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Akis Ioannou

SpaceTrip high-fidelity

7,105
0
192
Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

a03851e9-504c-11ed 9221-0e76797a4f7b

Sticky Scrolling Sidebar Example

4,832
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

Hide Navigation Bar On Scroll

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

Jazz Music Player

4,751
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Sign in Screen

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

Submarine Animation

6,677
1
28
A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Akis Ioannou

Next