Variables Examples

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

Akis Ioannou

COUNTER

2,817
3
164
3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Expenses Report

3,636
0
37
The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

17056140-504e-11ed 9221-0e76797a4f7b

Extended UI libraries

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

Shopping App

2,891
0
Design Credits: https://www.sketchappsources.com/free-source/4675-marier-shopping-ui-kit-ebizmirli-sketch-freebie-resource.html

74a7bee2-504d-11ed 9221-0e76797a4f7b

iOS Spotlight

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

Date picker

7,777
1
441
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

Hulu TV App Home Screen

4,121
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. 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