Pandora

3,943
0
43
This prototype is a simulation of one part of the Pandora iPhone app. I have chosen to simulate the part of the app where the user selects a Pandora radio station and then proceeds to select that station. What I have demonstrated is how how the radio station animates from a small entry on a list to a large full screen entry and vice versa. If you would like to see how I created this prototype, please watch this video tutorial here: http://docs.proto.io/videos/pandora-tutorial-part-1/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Sign up - Sign in

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

Hulu TV App Home Screen

4,126
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

Extended UI libraries

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

Company Sign in Process

1,214
0
3
Redesigned from: https://www.sketchappsources.com/free-source/4742-job-seaking-app-sketch-freebie-resource.html to create the sign in process for a company. Incudes: Splash Screen Onboarding Carousel Message Notification Animation Auto Change Focus on Inputs

16ff68c7-504e-11ed 9221-0e76797a4f7b

Tik Tok

2,695
0
15
Tik Tok project (Part 1) The videos in the project have been downloaded from: https://www.pexels.com/videos/ https://www.pexels.com/video/close-up-of-wheat-in-field-9917770/ https://www.pexels.com/video/moving-pages-of-books-8994820/ https://www.pexels.com/video/woman-with-freckles-on-her-face-looking-at-the-camera-8055998/ https://www.pexels.com/video/portrait-of-a-beautiful-young-woman-8056090/

17056140-504e-11ed 9221-0e76797a4f7b

Google Inbox - compose animation

10,805
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

Next