Hide Navigation Bar On Scroll

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

Low-Fidelity prototype - EasyBudget App

1,418
0
5
An example of a low-fidelity prototype, showing just enough details to give users an idea of what this app could do. Getting feedback through moderated user testing is best in this initial phase. The app's objective is to help you record your daily expenses, see an outline of your month's finances and compare spending with previous months/periods through charts.

Aimilia Tzanavari

Vertical scrolling feed with 2 expandable areas

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

Akis Ioannou

Drag and Drop Variables

4,683
9
216
Project using Variables to simulate Drag and Drop to Snap functionality into a predefined area. While also adding Animations and States for a more smooth and elegant process.

Constantinos Thoma

Submarine Animation

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

TestProject

1,280
0
Test on spaces

Phil Brooks

Tic Tac Toe

3,121
0
46
An example project utilizing the power of Variables, Containers and States to create a Tic Tac Toe (X's and O's) fully functional 2 player game. Includes a scoreboard to track each player's Wins, Losses, and Draws. Notes included in the projects editor on how it can be setup.

Constantinos Thoma

Dynamic List Simulation

3,496
0
74
A simple implementation of how to simulate a Dynamic List which the user can manually increase or decrease using a single Container, a List component and States.

Constantinos Thoma

Conditional Animation Loop

3,020
0
30
An example project which allows the user to designate the number of times the Star component Spins. Simulating a conditional animation loop according to the input of the user while using a total of 2 variables and a container with 3 states.

Constantinos Thoma

Lights Control

2,958
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Next