Variables Examples

33,165
43
2,612
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Apple Watch using native UI library

32,199
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Spotify

22,508
6
629
Hi there! I would like to share with you the latest version of Spotify prototype. Now you can listen to music while browsing the prototype.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Filtering Activity Feed by Tags

931
0
7
Filtering Activity Feed (Templates) by Tags using Container States Filter / container states

17056140-504e-11ed 9221-0e76797a4f7b

Halloween Cards Onboarding

2,621
0
47
Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.

Christos Chatzikkos

Carousel & AutoScroll

948
0
14
Using the Carousel default Pattern in Proto.io. I use a few screen interactions to turn it into an Autoscroll Carousel. Design Credits to: https://www.sketchappsources.com/resource/download-3665.html

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

IFTTT

15,386
4
208
An as close as possible copy of the IFTTT onboarding experience. This prototype is also made in 4 other tools (Pixate, Origami, Framer & Form) to compare the differences between them. More info: http://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-origami-pixate-proto-io-c2acc9062c61 Original app: http://appstore.com/IFbyIFTTT

c6b28cc9-c0be-11ed 9221-0e76797a4f7b

Map Data Visualization with Slider using Variables

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

Submarine Animation

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

Next