Extended UI libraries

24,466
3
122
An extended collection of fully animatable UI libraries like triangles, stars, arrows and more, let you bring your idea to life all within Proto.io.

Akis Ioannou

Map Data Visualization with Slider using Variables

3,878
1
126
Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Todd Siegel

iOS Spotlight

24,864
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

animation

787
0
0
animation using state transitions

Annie Simpson

Carnival Shooting Gallery

5,068
14
62
This is a custom tablet prototype of my take on a popular carnival attraction called the shooting gallery. I wanted to show everyone how versatible and powerful the Proto.io tool is and demonstrate that anyone can make video games using Proto.io. This prototype was inspired by various versions of the classic game created for mobile devices released a few years ago. This is meant for educational purposes only. Please click on the heart icon below to show your support and leave comments. I'd be happy to answer any questions you have. Have fun! If you are looking for an experienced Proto.io prototype engineer or are looking for tutorials and more information about Proto.io please visit my website: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

umu - assisting parents in challenging situations.

2,661
1
41
umu assists parents in challenging situations. A crowded day at the beach, a theme park, you name it. A tiny transmitter is carried by the child which's signal is received by the smartphone. When the child is bound to move out of sight or towards a dangerous sight such as water or a busy intersection the parents are alerted. see more at: http://crafting-convenience.com/umu/ Feel free to contact me at: jason@hello-bright.nl

ffe5cdd4-504d-11ed 9221-0e76797a4f7b

Recreating the Google logo using just circles and rectangles!

3,201
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

Embed Street view map

2,485
0
19
Embed Street view map

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

Travel app (v1)

2,136
0
Travel app (Part 1) Work in progress of Travel project Credits: https://www.sketchappsources.com/free-source/2947-travel-app-ui-kit-sketch-freebie-resource.html

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

Next