Swarm Header Switch

3,201
0
45
A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

92f2b218-504c-11ed 9221-0e76797a4f7b

Sliding Tab Menu

4,670
0
34
Sliding navigation of Tab Menu

Akis Ioannou

Hungry Birds game menu

4,497
0
10
A demo showcasing custom device size, animations and key actions. Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.

Akis Ioannou

Apple Watch using native UI library

33,484
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Slide in menu

6,797
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

Demo: Web parallax

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

TV App Basic Content Navigation

1,987
0
2
This prototype demonstrates basic content navigation for a TV app moving focus model. TV Apps differ from web and mobile in that interactions are triggered by remote control button presses which can be mapped to key board presses with proto io. With a TV focus model every component will have a collection of "On" and "Off" states both between the components themselves i.e: the menu and items within those components i.e: a menu item such as "Movies". These interactions models must work in a way in which as one component is on, all others must be off and so on. This example will show basic interactions and how to navigate pages commonly used my modern TV apps for devices such as Apple TV, Roku, Google TV, Smart TV's etc. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Reproducing instagram info bars behaviour

6,315
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

Next