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

Mouse over and out to toggle between the active and inactive state. Click to select the active state, click again to deselect. Showcases the power of containers in Proto.io. Each emoji is converted into a container (through the right-click menu). The individual emoji containers have two states: selected and deselected. The parent container contains all the emoji containers. This parent container has 6 states: non-selected, and the active state for each emoji (5). The click/tap trigger changes the both the individual emoji state, and respective parent container state to the active emoji. Easily change the emojis to any other one you choose while maintaining all the interactions. Make sure to click into each individual emoji container and double-click the current emoji and replace the image with the new one from the asset library. Replacing the image by double-clicking the existing one preserves the grayscale in the deselected state. Enjoy!

A quick demonstration of the header switch on the new Swarm App. I've used variables to store the switch state.

I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Sliding menu with animation on screen

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)

This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see swipe animations in all directions.