Slide in menu

6,687
1
301
A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Extended UI libraries

26,283
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

Apple Watch using native UI library

33,394
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

iOS Spotlight

26,665
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

Swarm Check-in

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

Variables Examples

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

Akis Ioannou

Animal species

5,203
2
138
I created this prototype of a wildlife photography app to experiment with horizontal and vertical scrolling interactions. What do you think?

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

Tumblr

6,280
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

Share button

3,091
1
116
An idea of a draggable share button. Much easier with one hand drag than two clicks. Just drag the share icon and you'll see.

Alexis Piperides

Get the position of a scrolling container

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