Extended UI libraries

24,778
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

Shopping cart calculations

3,022
1
28
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Variables Examples

33,818
44
2,618
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

color picker

2,095
0
25
Done to explore setting colors with sliders and some Math expressions. Additional features, should anyone wish to build, would be to convert to HSV space, and to produce Hex color codes as well. To use colors, in the color controls of an element, replace the #XXXXXX hex code with this: rgb(255,125,45). Two swatches are provided, since color combinations are more interesting than single colors. Swatches are draggable.

03ec0da9-504d-11ed 9221-0e76797a4f7b

Real Jobronimo MVP

1,507
0
4
The REAL minimum viable product (MVP) prototype of Jobronimo. Jobronimo is a job-finding app that connects teenagers seeking jobs with people near by who need jobs or chores performed. Find the Jobronimo MVP protoype with added features here: https://spaces.proto.io/jobronimo Explore and enjoy!

00eb8c5a-504e-11ed 9221-0e76797a4f7b

Music App

6,680
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

Scrollable Contacts List

2,437
0
38
Simulation of scrollable Contacts list using variables (Use of variables and 'On scroll Interactions')

34041018-d2c9-11ed 9221-0e76797a4f7b

Hover to play sound

1,766
0
10
Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

1866935c-504d-11ed 9221-0e76797a4f7b

Map Routes

2,563
0
91
A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

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

Next