Choose your avatar

571
0
0
variables, scrollable containers, container states Avatar style design Credits: https://www.sketchappsources.com/free-source/4458-memoji-icons-sketch-freebie-resource.html

Annie Simpson

background color

692
0
22
change the background color using variables and container states

Annie Simpson

Search Field Animations

2,405
0
51
Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Todd Siegel

Secure Hub Enrollment

985
0
Prototype for Citrix Secure Hub Enrollment.

Michael Simonson

Fashion Shop

1,173
0
Fashion Shop App UI This UI set includes 5 screens: Splash, Sign up, Login, Home and Product Details Design Credits: https://www.sketchappsources.com/free-source/3663-hi-fashion-shop-ui-sketch-freebie-resource.html

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

Syncwork Wire-Frames

438
0
1
Last Updated 15/07/2020 16:41 Changes still left to make: -Make the invite option when starting a work session -Access profiles from the Friend's status list Changes from the previous versions: -Edit profile screen -Upgrade button added -Profile's Projects Tab menu underline is now selected, while before it was the Statistics underline that was thicker

9f4063f4-504e-11ed 9221-0e76797a4f7b

Emoji Toggle Component

934
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

Next