Hulu TV App Home Screen

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

Variables Examples

34,310
44
2,622
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Extended UI libraries

25,336
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,208
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

Seat Reservation

1,832
0
4
Book a seat to a Hall, count selected seats, and calculate total cost of seats booked - Helios Hall is the interactive Hall for the seat reservation

17056140-504e-11ed 9221-0e76797a4f7b

iOS Spotlight

25,743
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Form examples

7,786
0
165
3 prototypes showing different uses of the form components for iOS 1) Activate / de-activate button when checking / un-checking Terms of Service 2) Capture text input to change property 3) Change number of tickets - limit 8 See how they were created step-by-step in the Using Forms webinar video: https://vimeo.com/118919393 This version on Vimeo includes time-codes so you can jump to particular sub-sections (repeated below as a preview): > Range of iOS form input controls 2:02 > Labels 2:17 > Text fields 2:32 > Setting placeholder text 3:04 > 5 Input Types that display the appropriate iOS keyboard (Text, Numeric, Email, Password, Telephone) 3:30 > Using the Telephone keyboard for credit card number input (large # keys) 4:08 > Need to view prototype on device in order to see the range of keyboards 5:59 > Multi-line text area input field 6:24 > Search Bar 6:40 > Checkbox control customization 7:22 > On/Off Switch control customization 7:52 > Slider control customization 9:27 > Increasing size of slider handle 9:47 > Picker Wheel Customization 10:00 > Prototype example: Activate button when checking terms of service 10:42 > Create a button with two states (using convert to container) 12:55 > Adding interactions to a checkbox control (on change activation/deactivation) 14:45 > Definition of variable and range of uses 17:04 > Using variables with text field interactions 18:25 > Prototype Example: Using a variable to capture text input and show it in a different text box using change property. 23:27 > Prototype: Use variables to increment and decrement counter showing number of tickets being purchased. 28:40 > Searching full range of icons built into Proto.io 29:10 > Using a variable to limit the range of tickets (0 to 8) 32:46 > Copying and pasting interactions with Variables 40:08

Todd Siegel

Bungee jump animation with custom easings

3,027
0
Say hello to our brand new visual easings manager! This project was created using custom easings and more specifically cubic bezier.

Christos Chatzikkos

Colission

1,869
0
20
A project which simulates a collision between 2 objects. Freely drag the objects onto each other in order to have their core color change when colliding.

Barry Allen

Halloween Cards Onboarding

2,903
0
48
Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.

Christos Chatzikkos

Next