Expand/Collapse Menu

8,158
2
489
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Twitter Intro Animation

3,723
1
49
This prototype show how to re-create the intro animation of the Twitter iOS app where the bird flings out and the feed flings in. See how it was re-created step-by-step in this webinar video: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ Assets also available to use.

Todd Siegel

IMDb Redesign

10,178
2
300
Hey guys! I'm back with an amazing prototype for you guys. This has been my longest and quite a challenging redesign project for IMDb whose prototype is pretty awesome and contains lots of stuff like Nested Containers, a bit of animation, some really beautiful visual elements and interactivity for you to explore! I had so much fun making it with Proto.io and I truly hope you guys love it and would love to know your views and suggestions on how can I improve it :) Cheers! Aman

fda4c75e-504c-11ed 9221-0e76797a4f7b

Vertical scrolling feed with 2 expandable areas

7,844
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

Submarine Animation

8,704
1
28
A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Akis Ioannou

Animated Navigation Bar

4,108
0
53
This Animated navigation bar project was created to simulate feedback when interacting with a button on a navigation bar while also giving it some snap functionality. Was created using Containers and States.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Role With It Animation

1,824
0
0
Intro animation for an indie game studio.

1866935c-504d-11ed 9221-0e76797a4f7b

Messages Project - Chat

3,478
0
141
A project with 3 types of chat messages examples (chatbot) 1. Preset Messages appear automatically 2. Preset Messages appear when you select Enter 3. Typed Messages appear after typed

469c1b7e-504e-11ed 9221-0e76797a4f7b

Boothy McBoothFace

1,257
0
0
There's a companion video! https://youtu.be/zUKVYT_QHQI Definitely check it out! Also, if you feel generous, here's the accompanying survey to fill out! https://goo.gl/forms/rSIqB5sr2P8f7Irw1 ----- This project is all about producing a nice pleasant web app to accompany a broadcast that is going out alongside the state election (it's an aus politics thing). Personally, I find election stats vvvv boring buuut it's actually been really interesting building a web app to make them less boring. My biggest regret about this prototype is that I have to code it! Ahhh! If you ever want to talk UX or googlemap stuff definitely send me an email: rohan@trop.io

712785d7-504e-11ed 9221-0e76797a4f7b

Next