Hulu TV App Home Screen

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

App Foodless

1,183
0
0
Aplicación móvil foodless

c823ebd7-bc07-11ed 9221-0e76797a4f7b

Image Filters

2,414
0
2
Used variables to change filters on an image

37d79fb0-4512-11f0 a04a-0e3ec7c5f8cf

Hornof - Huckin & Olsen - 11-7-2024

841
0
8
A simple demo of a system that permits scrolling through a long vertical text, with two different ways of directing the reader to the topic sentences.

Anthony Hornof

Sliding Tab Menu

4,719
0
34
Sliding navigation of Tab Menu

Akis Ioannou

Google Inbox - compose animation

11,587
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

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

Akis Ioannou

Swipe animations

4,891
0
38
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see swipe animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Keezy App Animation

6,531
1
38
Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

Todd Siegel

Next