Emoji Toggle Component

1,239
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

Pop up examples

2,462
0
22
2 types of modals / popup examples

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE

3,632
0
Coronavirus COVID-19 Global Cases by Johns Hopkins CSSE - Desktop Version Using an embed map from https://www.arcgis.com/

74a7bee2-504d-11ed 9221-0e76797a4f7b

Menu idea

4,144
4
115
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.

Alexis Piperides

Simulation of automatic logout

5,394
2
91
This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Akis Ioannou

Fooderfoodie

1,902
0
prototype of our Fooder program for HackSC

a1dba850-504e-11ed 9221-0e76797a4f7b

Fm Brava

1,280
0
1

Drag animations

3,424
0
84
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 drag animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Spotify

23,094
6
630
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

wru?

1,125
0
2
To find people in close quarters with the use of wire mesh network/ RFID + simple bold design

b3613a59-504d-11ed 9221-0e76797a4f7b

Next