Using variables on a slider to control the Brightness and Hue of a light bulb

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

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.

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!

Showing a random image each time a button is pressed. Project was created using Variables and States

Used variables to change filters on an image

Transition from feed to profile using some fun animations.

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.

Super simple - Showing how to display from a form

Custom Android KitKat Scrollable Tabbar