Expand/Collapse Menu

7,245
2
486
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

GetLost Student Map

4,591
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

Sign in Screen

9,862
5
776
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes. Use the following to successfully sign in and proceed to the next screen User Name: john Password: proto.io

Akis Ioannou

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

Clubbing and Nightlife

6,301
1
118
This project is inspired by Vasjen Katro’s concept ‘Clubbing & Nightlife’ App ‘2Night’. It showcases how Proto.io can be used to create a beautiful parallax scrolling effect. If you’d like to find out how I achieved this effect feel free to import the project into your own account for reverse engineering. https://dribbble.com/shots/2041810-City-intro-animation

Christos Chatzikkos

Google Inbox - compose animation

10,790
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

IFTTT

16,098
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Set up a calendar event

2,337
0
26
Setting up a calendar event using Proto.io Templates and Variables

17056140-504e-11ed 9221-0e76797a4f7b

Next