Tinder UI

21,923
6
1,210

Sliding Tab Menu

3,650
0
34
Sliding navigation of Tab Menu

Akis Ioannou

Weather App Demo

3,759
0
17
Weather demo for 2 cities. Slide left/right to switch city

Akis Ioannou

Simulation of automatic logout

5,055
2
91
This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Akis Ioannou

Reproducing instagram info bars behaviour

5,241
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

498 A8

1,568
0
A mobile app that aggregates pricing data for video games to help the user find the best deal possible. This was created as a project for a class on prototyping techniques.

c899bb4b-504d-11ed 9221-0e76797a4f7b

10 Second Timer Example

6,250
5
213
I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

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

Apple Watch using native UI library

32,416
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Recreating the Google logo using just circles and rectangles!

3,245
2
12
"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

Alexis Odysseos

Demo: Web parallax

6,140
3
113
Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Next