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

An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

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

Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

This prototype showcases a new Proto.io feature called Gradients, it’s a new way to create and animate gradients straight in Proto.io. You can now make your UI pop with vibrant linear or radial colors, and bring to life with beautiful animations.

Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

Zero inbox example using the 'Slide to Delete' pattern

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

A very basic content shelf component commonly used by TV apps such as Hulu, Youtube, HBO etc. This component uses a fixed focus model where the items in the shelf move into place using key press interactions. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.