Rearrange Home Screen Apps

1,319
0
4
Drag and drop the blue "app icon" to rearrange the order of the apps on the Home Screen

17056140-504e-11ed 9221-0e76797a4f7b

Expand/Collapse Menu

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

Akis Ioannou

Map Data Visualization with Slider using Variables

4,285
1
127
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

Expenses Report

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

Material Design Dashboard

2,497
0
48
A prototype of the admin-panel dashboard of e-shop software, built with Proto.io’s Material Design library. The prototype uses containers and states to create a highly interactive, single-page dashboard.

Akis Ioannou

Variables Examples

34,328
44
2,622
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Random Image

1,771
0
17
Showing a random image each time a button is pressed. Project was created using Variables and States

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Smoothies to Door

3,300
0
29
A Sample project used in various official Proto.io tutorial videos. It contains various design patterns commonly found in popular mobile apps.

Akis Ioannou

Tinder UI

22,158
6
1,214

iOS Spotlight

25,765
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

Next