Expand/Collapse Menu

7,253
2
486
This is an expand/collapse menu example that can be created using container states.

Akis Ioannou

Out App Prototipo Final

1,853
0
Meet your virtual personal assistant to go out A virtual personal assistant that connects users social profiles to the best coupon offers at restaurants. Save Money: Get top matching coupons nearby Save Time: Sit back and let "Out" do the search for you Connect with Friends: Get notified about nearby friends to eat out

714a4137-3c41-11ef ab6d-0e76797a4f7b

Credit Card Statements

3,322
0
Infinite snap carousel for Credit Card Statements. Cards designs were used from Sketch from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

469c1b7e-504e-11ed 9221-0e76797a4f7b

Music App

6,827
1
107
Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

1f83aed2-504d-11ed 9221-0e76797a4f7b

Book App Design

2,916
0
Design Credits: https://www.sketchappsources.com/free-source/2513-simple-book-app-design-sketch-freebie-resource.html

1f83aed2-504d-11ed 9221-0e76797a4f7b

Emoji Toggle Component

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

Spoon Dating App

3,903
2
53
Spoon is a dating app concept aiming to make online dating more efficient, and fair. The concept has the following main characteristics: 1) Gender equality ⁠— the app decides who makes the first move; 2) Time efficiency — no need to put in hours of work to meet somebody; 3) Incremental steps towards a clear goal — no limbo states, no endless/goalless swiping; 4) Fairness, respect, and accountability for its users — choosing someone means you commit resources to that person, no second thoughts allowed; 5) Match exclusivity — chat with only one person at a time; no competing for one’s attention; 6) Fast and fluid interactions — chat while both users are online and active, no offline messages. I hope you like it.

a1a5e14a-504c-11ed 9221-0e76797a4f7b

Expenses Report

3,625
0
37
The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

17056140-504e-11ed 9221-0e76797a4f7b

Sliding Tab Menu

3,998
0
34
Sliding navigation of Tab Menu

Akis Ioannou

Next