Sign up - Sign in

6,546
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

Variables Examples

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

Akis Ioannou

Calendar concept

9,861
2
626
A calendar picker concept based on Ramotion's example on Dribbble, https://dribbble.com/shots/1782092-Survey-Platform-Design

Alexis Piperides

SANOVA

3,102
1

Map Data Visualization with Slider using Variables

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

iOS Spotlight

26,278
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

Get the position of a scrolling container

4,306
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

Menu Overlay Animation - Google Calendar for iOS

6,769
0
167
Prototype of the Material Design menu animation of Google Calendar for iOS. See how it was created step-by-step in the video of the webinar "Adaptive Prototypes & Material Design UI Library" http://docs.proto.io/videos/adaptive-prototypes-material-design-ui-library/ Skip to minute 35:14 of the webinar to specifically see this prototype being made. TAGS: material design google iOS calendar Enjoy.

Todd Siegel

Shopping Cart

4,725
4
105
A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

34041018-d2c9-11ed 9221-0e76797a4f7b

One page website example

2,316
0
7
One Page Website example created with Proto.io

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Next