Game Title Screen

1,665
0
12
Game Title Screen Project. Using a minimal design with overlay transitions, mouse hover effects and states.

Barry Allen

Book App Design

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

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

Final Fantasy 7

1,596
1
1
A recreation of the classic JRPG Final Fantasy 7 game start screen. Use the Up/Down keys on the keyboard to navigate the options. Hit the 'Enter' key when 'New Game' option is selected to play the intro cutscene from the original game. I do not own the rights to any Final Fantasy franchise, game, media or art. All right reserve to Square Soft/Square Enix. (http://www.square-enix.com/) This is a tribute to their franchise.

186c533a-504d-11ed 9221-0e76797a4f7b

Clean Product Card Carousel

2,249
0
18
A clean product card carousel as seen on: https://www.sketchappsources.com/free-source/3173-product-card-view-sketch-freebie-resource.html Infinite loop scrolling added

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

Calendar Date Picker

998
0
76
simple date picker with full calendar for one month

3a3f164b-504d-11ed 9221-0e76797a4f7b

Hulu TV App Home Screen

3,193
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Tinder UI

21,862
6
1,210

Sliding menus - Animation on screen

4,182
0
29
Sliding menu with animation on screen

Akis Ioannou

Recreating the Google logo using just circles and rectangles!

3,187
2
12
"It’s still all ones and zeros!" We got inspired by this article on Quora (https://www.quora.com/How-could-Googles-new-logo-be-only-305-bytes-while-its-old-logo-is-14-000-bytes) that talks about the Google logo and how it consists of circles and rectangles. So we set off to validate this inside Proto.io (https://proto.io). Proto.io is particularly strong for it’s interactive UI Libraries but it’s web based editor also offers great support for basic shapes like ovals, lines and rectangles. So we recreated the Google logo using only rectangles and circles and what do you know! It all checks out! Having done all this in Proto.io that it also known for it’s pretty neat animation capabilities, we went a step further and created a cool animation that shows how it’s all done. For even more fun you can even import it in your own Proto.io account and edit it! Enjoy!

Alexis Odysseos

Next