Variables Examples

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

Akis Ioannou

Apple Watch using native UI library

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

Akis Ioannou

Extended UI libraries

23,921
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

Music App

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

Vertical scrolling feed with 2 expandable areas

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

3,397
0
72
A website template with multilevel dropdown menus and scrolling area.

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

Drag and Drop

4,531
0
79
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

Sign up - Sign in

5,894
6
483
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Constantinos Thoma

Prizax st - The smart socket app

1,157
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