Animated Flowchart

1,282
0
0
A simple animated Flowchart. Click on each tab and the arrows when zoomed in to transition to the next one. Design credited to: https://www.sketchappsources.com/free-source/3636-entity-relationship-model-erd-diagram-library-sketch-frebie-resource.html

1866935c-504d-11ed 9221-0e76797a4f7b

Let It Bleed | 50th anniversary

1,663
0
6
The academic project celebrates the 50th anniversary of the Rolling Stones' work with the goal of developing a digital music album experience, exploring conceptually the feelings of mystery, nostalgy, bliss, delirium and harmony.

Bárbara Fontenelle

Emoji Toggle Component

1,051
0
8
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!

Todd Siegel

Reading Percentage Indicator

1,194
0
4
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!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Skylight AR - Framed Photo Prints

1,135
0
6
Skylight AR is an augmented reality app concept. Use your phone's camera and the Skylight AR to create framed photo prints for your home and order them on the spot. A static image was used instead of a video. Contains scrollable containers, mouse over and mouse out interactions, states' transitions and other. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Interactive Line Graph - The easy way

1,274
0
14
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

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Jhonny Ca$h - Personas AR

1,205
0
6
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

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Smart Home - High Fidelity

2,364
1
44
The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Next