Created using Proto.io library of fully interactive, native watchOS components.

Basic shapes like rectangles, lines, circles, text and more are available and they can be dropped on the canvas to create the very first draft of a mobile app in order to demonstrate the flow and functionality of the app.

Proto.io comes with UI libraries for iOS, Android Material Design, Windows and Apple WatchOS so that people can easily drag and drop those elements to bring their ideas to life. Simple interactions can also be applied, primarily screen-linking and basic navigation.

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/

An example of a sticky scrolling sidebar (website)

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.

Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

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

A prototype being put together for a client. On the loaded report, tap the highest blue point to open up a modal window where you can swipe right/left (Right first, I think) Top right menu button only works on the landing page. Swipe right to go back from any screen. Needs polishing!