Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

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

An example of a sticky scrolling sidebar (website)

This is the prototype of my favorite music player, Poweramp. I've tried to recreate the Plastic HD theme of the app interface and made it pretty close to the original visually which includes some of the transitions. This design has been made with Adobe Photoshop CC and Material Design Library of Proto.io. Hope you guys like it! Would love to know your views on it and how can we improve it :) Cheers! Aman P.S: Turn up the speaker ;)

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.

2. CREATE A SCRAPBOOK PAGE: a) Create a new Page b) Add 1 default image from collection c) Crop the image on the canvas d) Paint a squiggle e) Cut up the image on the canvas into 4 pieces of any shape f) Type something g) Place an emoji h) Save Scrap After 5 min take a break, or not View Trust Circles

An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

This 18 Cool Gradients was designed by Osama Dawood https://www.sketchappsources.com/free-source/3607-gradients-ui-kit-sketch-freebie-resource.html