Apple Watch using native UI library

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

Akis Ioannou

auto-complete search

4,238
2
153
Type the first character of topics from http://uxofvr.com to see the auto-complete. (a-z, 2,3). Use ESC to hide the dropdown. Uses a variable to capture the content of the search field then uses the javascript method "{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed. see video of how to create this step-by-step in the webinar: https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables TAGS: auto-complete search dropdown variables variable character selection Thanks to Costas Thoma for the model.

Todd Siegel

Dial Timer

1,462
0
25
A reverse timer using the handle to designate where the timer begins its countdown.

1866935c-504d-11ed 9221-0e76797a4f7b

One page website example

1,842
0
6
One Page Website example created with Proto.io

2cf05637-cc17-11ef a04a-0e3ec7c5f8cf

Short Examples

1,709
0
17
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Image Filters

832
0
2
Used variables to change filters on an image

Kyle Anderson

Variables Examples

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

Akis Ioannou

Orbit

3,436
0
13
An animation of our Solar System

Akis Ioannou

Sliding Tab Menu

3,694
0
34
Sliding navigation of Tab Menu

Akis Ioannou

Inbox

3,809
1
54
Hit Refresh icon to see a loading animation for bringing new email. Swipe left on the top latest email to delete. (Inspired from http://www.beautifulinterfaces.com/item/114-covert-inbox)

Akis Ioannou

Next