Expand/Collapse Menu

7,254
2
486
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Hulu TV App Home Screen

4,112
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. 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

Smoothies to Door

3,269
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

Variables Examples

34,306
44
2,622
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Sign up - Sign in

6,304
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Constantinos Thoma

Settings

3,655
5
92
A simple, one page prototype inspired by Ramotion's Contact Sync (https://dribbble.com/shots/1749645-Contact-Sync?list=users&offset=11). Just play with the on/off switches.

Alexis Piperides

Spotify

23,100
6
630
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Extended UI libraries

25,327
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Apple Watch using native UI library

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

Akis Ioannou

color picker

2,209
0
25
Done to explore setting colors with sliders and some Math expressions. Additional features, should anyone wish to build, would be to convert to HSV space, and to produce Hex color codes as well. To use colors, in the color controls of an element, replace the #XXXXXX hex code with this: rgb(255,125,45). Two swatches are provided, since color combinations are more interesting than single colors. Swatches are draggable.

03ec0da9-504d-11ed 9221-0e76797a4f7b

Next