A simple spaceship animation using 'Animate Item' & states. Design Source: https://www.sketchappsources.com/free-source/3673-rocket-illustration-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!

An example project on how to create randomise dice using variables along with containers and states to recreate various dice. Use the + / - icons to add more of each dice. Includes all variations of basic polyhedral dice for use.

A news app prototype with a reading percentage indicator upon scrolling. Includes variables that calculate the scroll position in % and update the loader fill percentage. Fill free to import!

This is a simple way to create an interactive line graph. There is another way to create it which involves Draggable Elements instead but that requires a much more complex setup. Go ahead and import the project in your account! By seeing the interactions you will realise how easy it is to recreate. p.s not the smoothest animation but feel free to improve it

Personas Augmented Reality concept app! Feel free to import! This prototype has been designed using resources from Freepik.com , vecteezy.com & all-free-download.com https://www.freepik.com/free-vector/touch-screen-icons_723921.htm https://www.vecteezy.com/vector-art/137049-set-of-personas-icons https://all-free-download.com/free-vector/download/brick-wall-background-shiny-modern-design_6833366.html

A demo project animating the "The Umbrella Academy" logo components by using various transitions' types. The "The Umbrella Academy" logo is courtesy of Netflix https://www.netflix.com