Slide in menu

6,025
1
301
A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Vertical scrolling feed with 2 expandable areas

7,050
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

Sign in Screen

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

Submarine Animation

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

Scrollable Contacts List

2,600
0
38
Simulation of scrollable Contacts list using variables (Use of variables and 'On scroll Interactions')

34041018-d2c9-11ed 9221-0e76797a4f7b

Header change on Scroll

2,444
0
77
Change of the header according to scroll position of content.

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Interactive Line Graph - The easy way

1,487
0
14
This is a simple way to create an interactive line graph. There is another way to create it which involves Draggable Elements instead but that requires a much more complex setup. Go ahead and import the project in your account! By seeing the interactions you will realise how easy it is to recreate. p.s not the smoothest animation but feel free to improve it

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Example Pricing Page

1,767
0
An example of a pricing screen imported from https://www.sketchappsources.com/free-source/3749-pages-ui-web-kit-update-2019-sketch-freebie-resource.html

34041018-d2c9-11ed 9221-0e76797a4f7b

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

3,575
0
Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE - Desktop Version Using an embed map from https://www.arcgis.com/

74a7bee2-504d-11ed 9221-0e76797a4f7b

Next