Apple Watch using native UI library

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

Akis Ioannou

Sign up - Sign in

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

Constantinos Thoma

Flipboard Animation

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

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

Extended UI libraries

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

auto-complete search

4,436
2
154
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

RPG Game Menu

1,276
0
10
A simple RPG game menu with various options inspired by Larian Studios work on 'Divinity Original Sin' series. • DISCLAIMER: Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for quot; fair use amp; quot; for purposes: such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute That Might Otherwise be infringing. Non-profit, educational staff or use tips the balance in Behalf of fair use. I do not own the song used in this prototype.

186c533a-504d-11ed 9221-0e76797a4f7b

iOS Spotlight

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

Next