Variables Examples

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

Akis Ioannou

Apple Watch using native UI library

33,136
6
264
Created using Proto.io library of fully interactive, native watchOS components.

Akis Ioannou

Music App

7,070
1
107
Music App project Design Credits: https://www.sketchappsources.com/free-source/2847-apple-music-app-sketch-freebie-resource.html

1f83aed2-504d-11ed 9221-0e76797a4f7b

Extended UI libraries

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

Vertical scrolling feed with 2 expandable areas

7,426
6
407
An example of our vertical scrolling feed, with 2 expandable areas. Feel free to import into your Proto.io account.

Akis Ioannou

Website Template

4,012
0
75
A website template with multilevel dropdown menus and scrolling area.

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

Sign up - Sign in

6,577
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

Drag and Drop

5,395
0
80
Drag and Drop an avatar over a target area that animates when in the drop zone. When released outside the target drop zone, it returns to the original location. Uses a variable to define the target drop zone, that then triggers animations in the zone and when dropped. See how it was made step by step in the webinar video: https://support.proto.io/hc/en-us/articles/115000637591-Advanced-Scrolling-Dragging TAGS: drag and drop dragging variables variable animations on drop animation

Todd Siegel

Prizax st - The smart socket app

1,800
1
7
Different perspective this time by having the smart app next to the IOT device. Prizax st is a smart socket system that offers multiple benefits compared to the non-smart sockets. Constant consumption monitoring, enable/disable sockets directly through the app, event management and much more. Contains screen, state transitions, bodymovin/lottie animations. Feel free to import!

bbac9ce3-504c-11ed 9221-0e76797a4f7b

Next