Expand container that moves adjacent content in sync

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

Todd Siegel

Campus Virtual

1,822
1
prototipe of Movile version of: campusvirtual.upao.edu.pe

08f129de-504d-11ed 9221-0e76797a4f7b

SpaceTrip high-fidelity

7,306
0
192
Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

a03851e9-504c-11ed 9221-0e76797a4f7b

Soccer Power

1,242
0
Track your soccer activities! Challenge your friends and enjoy playing!

6057962d-504d-11ed 9221-0e76797a4f7b

Avatar fly-in subtle animation

2,703
1
17
This prototype shows a subtle animation of avatars flying in, and subtle background tint changes. See how it was created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ >starting at time: 28:40 Enjoy...

Todd Siegel

PointCloud iPad Viewer

2,278
0
iPad mobile tablet prototype using hotspots, carousel and tab bar for navigation.

cbcb3aff-504d-11ed 9221-0e76797a4f7b

iOS Weather App

3,609
1
124
This is the companion prototype to a 2-part tutorial where we explore the utilization of variables to help us to recreate Appleā€™s native iOS Weather app. In both tutorials, we go over the different ways Proto.io makes variables available to use in building your prototypes - from the simple example of setting a value in the variables manager and utilizing that value in the prototype to creating and setting a custom variable based on the property of a container and then to the more advanced usage of ternary operators to affect an outcome based on conditions surrounding that custom variable. http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-1/ http://docs.proto.io/videos/ios-weather-app-variables-tutorial-part-2/

dc4b62f6-ed80-11ed 9221-0e76797a4f7b

Tumblr

5,459
0
108
Tumblr has a very nice series of animations that happens when you enter the compose mode. I thought it would be interesting to recreate this in Proto.io to show others how to achieve these kind of effect in their own protototypes. I have made a companion tutorial video where you can see exactly how I did it. This video is available here: http://docs.proto.io/videos/recreating-tumblr-compose-animations-in-proto-io/

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

Swarm Check-in

18,019
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

multiple slider test

1,762
2
A score based filter system that I hacked using variables. Each of the 10 cities is assigned a score for avg temperature, Taxes, and Cost of living, and when the sliders correspond to those values cumulatively, those cities show up on the map.

b5c076e7-504c-11ed 9221-0e76797a4f7b

Next