Circular progress bar

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 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!

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

Extremly simple demo of Infopalette. Once you switch your device to landscape mode, it shows the infopalette name. The I has a blue dot on top of it. Move this blue dot to the spot where you want to make your statement. The blue dot is a work around for proto.io, it won't be in the software demo. Once you lift your finger from the screen, the three text field for entering your statement will be shown. You can enter the subject, predicate and object (a statement). When all three text fields contain at least one character, an "opslag" field will be shown at the bottom of the screen. This is just to give you a visual to tell you the statement is stored, in the demo this "opslag" field will be removed.

An endangered species is a type of organism that is threatened by extinction. Species become endangered for two main reasons: loss of habitat and loss of genetic variation.

Parallax Effect