Variables Examples

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

Akis Ioannou

Safe/Combination lock

2,736
0
17
Safe/Combination lock

Moiraine Damodred

Apple Watch using native UI library

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

Akis Ioannou

Google Inbox - compose animation

10,808
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Lights Control

2,966
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Form validation

2,395
0
89
Form validation using variables and states

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

iPhone 5S Dial Pad

3,936
2
107
This is an interactive dial pad, created with proto.io. Development & original idea: https://spaces.proto.io/akisioannou Graphic design: George Prentzas

f4ff2085-9250-11ed 9221-0e76797a4f7b

IFTTT

16,122
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

Extended UI libraries

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

Next