Pandora

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

Swarm Check-in

17,981
0
177
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Get the position of a scrolling container

3,786
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Menu Overlay Animation - Google Calendar for iOS

6,293
0
166
Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

Todd Siegel

MyVacation

2,706
0
iOS app prototype using the magnificent Proto.io that let users share their stories about their travel. A work in progress but definitely in good direction! To experience, simply click anywhere on the main screen. On mobile, tap on the password field and then tap done.

33115daa-ab16-11ef a04a-0e3ec7c5f8cf

Parallax - Yahoo Weather

3,231
0
35
Re-creation of the horizontal swipe parallax effect in Yahoo Weather. See how it was created step-by-step in this webinar: https://support.proto.io/hc/en-us/articles/223073307-Prototyping-parallax-effects TAGS: parallax variables variable

Todd Siegel

Jazz Music Player

4,925
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Sign in Screen

9,424
5
775
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes. Use the following to successfully sign in and proceed to the next screen User Name: john Password: proto.io

Akis Ioannou

Mobile UI Framework Demo

3,493
3
A prototype being put together for a client. On the loaded report, tap the highest blue point to open up a modal window where you can swipe right/left (Right first, I think) Top right menu button only works on the landing page. Swipe right to go back from any screen. Needs polishing!

26124754-504e-11ed 9221-0e76797a4f7b

Next