Avatar fly-in subtle animation

2,648
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

Faces flying out of bar chart

2,809
1
13
A data visualization where a bar chart of faces flies out showing the details of individual faces.

Todd Siegel

Native

1,336
0
Location based app enabling creatives to discover, collaborate and produce together.

baf54ed9-fb08-11ee ab6d-0e76797a4f7b

UBER Onboarding

4,046
1
86
This is an onboarding tool I created for UBER drivers. An UBER driver's first ride can be a little nerve wracking (I know from personal experience). This tool walks the driver through a typical flow to prepare them for their first ride. It is more interactive than a video and will give them more confidence before hitting the road.

4e0539bb-a6d0-11ed 9221-0e76797a4f7b

Tumblr

5,403
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

Rmob Metro

1,282
0
14
Made by Ricciardi Antonio Pio, Marcelli Andrea, Motoc Marius, Saladino Mauro, Villalba Gianluca, Zaccaria Gabriele.

43648d49-504e-11ed 9221-0e76797a4f7b

Swarm Check-in

17,942
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,769
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

Next