Untitled

1,206
0

Expand container that moves adjacent content in sync

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

Todd Siegel

Color Picker

2,580
1
8
Here's a demo showing a basic color picker using a container with 4 states for both the colored star and the color swatches.

Todd Siegel

Menu Flyout Subtle Animation

3,432
1
56
Re-creation of the apple.com mobile site flyout menu with subtle animations. See how it was re-created step-by-step: http://docs.proto.io/videos/prototyping-subtle-animation/ Enjoy.

Todd Siegel

UnuEco

1,601
0
UnuEco means 'Unity' in Esperanto. This is a new way to train and adopt a new way of life. It's simple in UnuEco you never train alone, all of your workouts helps your team to progress a fitness challenge! Create your own team or join an existing one! Play with the weakness and strength of your friends to face the difficulties, and reach a new level! Who never dreamed to team up with somebody on the other side of the globe! Project in progress...

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

Tumblr

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

Get the position of a scrolling container

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

Sticky Scrolling Sidebar Example

5,398
0
82
An example of a sticky scrolling sidebar (website)

Akis Ioannou

Next