Variables Examples

33,518
44
2,615
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Messages Project - Chat

2,742
0
140
A project with 3 types of chat messages examples (chatbot) 1. Preset Messages appear automatically 2. Preset Messages appear when you select Enter 3. Typed Messages appear after typed

469c1b7e-504e-11ed 9221-0e76797a4f7b

Registration form with Steps

1,037
0
3
Registration form with Progress Steps

469c1b7e-504e-11ed 9221-0e76797a4f7b

SpaceTrip high-fidelity

7,132
0
192
Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

a03851e9-504c-11ed 9221-0e76797a4f7b

On-boarding carousel

6,057
2
248
An on-boarding carousel concept, created using Proto.io. It is implemented using state animations. Feel free to import into your Proto.io account.

a03851e9-504c-11ed 9221-0e76797a4f7b

Date picker

7,361
1
439
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

34041018-d2c9-11ed 9221-0e76797a4f7b

Flipboard Animation

5,136
1
56
The Flipboard animation created using states.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Pop up examples

1,904
0
22
2 types of modals / popup examples

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

TV App Basic Menu

880
0
0
Basic menu using a moving focus model for TV apps such as Hulu, Youtube etc. Key presses are used to map interactions which would be mapped to physical remote controls for live demos. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Next