Short Examples

2,412
0
19
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Swarm Check-in

18,395
0
177
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Olympic Rings

2,526
0
11
An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

Alexis Piperides

Map Data Visualization with Slider using Variables

4,328
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

Sign in Screen

9,932
5
776
This is an example of a sign in screen that validates a username and a password. Feel free to import this fully editable project into your own account for use in your prototypes. Use the following to successfully sign in and proceed to the next screen User Name: john Password: proto.io

Akis Ioannou

Submarine Animation

7,759
1
28
A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Akis Ioannou

Scrollable data table

2,578
0
31
Here is an example of a scrollable data table with vertical and horizontal scroll and a fixed header. Data design: https://www.sketchappsources.com/free-source/3706-datatable-with-horizontal-scroll-sketch-freebie-resource.html

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

Syncwork Wire-Frames

830
0
1
Last Updated 15/07/2020 16:41 Changes still left to make: -Make the invite option when starting a work session -Access profiles from the Friend's status list Changes from the previous versions: -Edit profile screen -Upgrade button added -Profile's Projects Tab menu underline is now selected, while before it was the Statistics underline that was thicker

9f4063f4-504e-11ed 9221-0e76797a4f7b

Next