A demo showcasing custom device size, animations and key actions. Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.

A demo showcasing Windows 8 components.

A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Custom Android KitKat Scrollable Tabbar

This one-screen prototype demonstrates some of Proto.io animation functionality.

"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

This is an expand/collapse menu example that can be created using container states.

An example of a sticky scrolling sidebar (website)

This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

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.