Emoji Toggle Component

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

Random Image

1,778
0
17
Showing a random image each time a button is pressed. Project was created using Variables and States

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

Skylight AR - Framed Photo Prints

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

Landing Page

2,003
0
34
Scrollable Landing Page Design from: https://www.sketchappsources.com/free-source/1975-key-t-one-page-website-template-sketch-freebie-resource.html Top Menu and Side Slider changes (State) depending on the scroll position with the use of variables

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

Donuts

5,341
2
First Project, just for fun..

Merry Mustard

Scrollable data table

2,539
0
31
Here is an example of a scrollable data table with vertical and horizontal scroll and a fixed header. Data design: https://www.sketchappsources.com/free-source/3706-datatable-with-horizontal-scroll-sketch-freebie-resource.html

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

Endangered Species

3,581
1
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.

Merry Mustard

Next