Extended UI libraries

26,231
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

Animal species

5,178
2
138
I created this prototype of a wildlife photography app to experiment with horizontal and vertical scrolling interactions. What do you think?

71ffbe0d-9b82-11f0 ad7f-0e3ec7c5f8cf

e-Wallet

3,885
0
74
Swipe up and down to choose between cards Credits: Card designs used from: https://www.sketchappsources.com/free-source/2453-credit-card-designs-sketch-freebie-resource.html

2be093e4-504d-11ed 9221-0e76797a4f7b

Hide Navigation Bar On Scroll

5,879
4
177
This is an example of a Navigation Bar that disappears on any downward scroll and re-appears on on any upward scroll.

Akis Ioannou

Demo: Web parallax

7,075
3
113
Have a look at this stunning Parallax effect created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

Akis Ioannou

Vertical scrolling feed with 2 expandable areas

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

Akis Ioannou

auto-complete search

4,864
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

Trello's draggable list demo

5,165
5
Hi I tried imitating the Trello's interaction to move tiles/cards between different lists.

51a9fd0d-504e-11ed 9221-0e76797a4f7b

Next