TV App Basic Menu

1,233
0
0
Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. 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

Rearrange Home Screen Apps

1,152
0
4
Drag and drop the blue "app icon" to rearrange the order of the apps on the Home Screen

17056140-504e-11ed 9221-0e76797a4f7b

Porsche

2,620
0
4
Swipe to see some Porsche models. Tap on a car to get more information on that car. The project is using States and State animations

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Flip page Animation

547
0
2
Flip page animation create using states

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Weather App Demo

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

Akis Ioannou

Google Inbox - compose animation

10,659
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Boombox

3,676
3
27
A demo created using draggable and rotation features.

Akis Ioannou

Extended UI libraries

25,077
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

10 Second Timer Example

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

Next