Expand container that moves adjacent content in sync

3,914
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

It’s gradients, brought to life!

4,499
0
24
This prototype showcases a new Proto.io feature called Gradients, it’s a new way to create and animate gradients straight in Proto.io. You can now make your UI pop with vibrant linear or radial colors, and bring to life with beautiful animations.

Akis Ioannou

Smart Home - High Fidelity

3,216
1
44
The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Set up a calendar event

3,082
0
26
Setting up a calendar event using Proto.io Templates and Variables

17056140-504e-11ed 9221-0e76797a4f7b

Shopping App

4,111
0
Design Credits: https://www.sketchappsources.com/free-source/4675-marier-shopping-ui-kit-ebizmirli-sketch-freebie-resource.html

74a7bee2-504d-11ed 9221-0e76797a4f7b

Google TV Home Banner

3,300
0
6
Interactive banner with video of Google TV's home page. Must click to enable key presses used on a TV focus interaction model. The menu can be navigated but is only actionable for "For You" on the home page. Switching focus to the banner will enable additional UI and pausing on left/right interactions will allow for video playback with sound. No interactions below the banner are actionable.

Nino Silva

Shopping cart calculations

4,836
1
33
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Flip page Animation

1,534
0
2
Flip page animation create using states

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Variables Examples

35,370
44
2,625
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Next