Vertical scrolling feed with 2 expandable areas

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

Akis Ioannou

Jazz Music Player

5,012
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Athena Prototype

809
0
0
A streaming platform for non-fiction, academic sources, aimed to enhance academic efficiency and student productivity.

b19b273e-504c-11ed 9221-0e76797a4f7b

Sign up - Sign in

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

Tic Tac Toe

2,957
0
46
An example project utilizing the power of Variables, Containers and States to create a Tic Tac Toe (X's and O's) fully functional 2 player game. Includes a scoreboard to track each player's Wins, Losses, and Draws. Notes included in the projects editor on how it can be setup.

Constantinos Thoma

Kitty

1,648
0
An app designed to help with stress management through the development of critical thinking skills and creativity

Carly Holtzman

auto-complete search

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

MindMap

1,747
0
SET UP A MINDMAP: a) Create a new Mindmap and set main goal media b) Add 1 default image bubble to the canvas c) Add 1 default video bubble to the canvas d) Add 1 text bubble to the canvas e) Add 1 default Sound bubble to the canvas f) Click on one or more bubbles to view details, edit text or play sound g) Connect any two bubbles h) Save i) Return to View MindMap Screen *NOTE: For the demo, bubble shapes are the default dark-blue-blackish colour only. If you want the bubble to have a colour, simply click colour code. The bubble will be circular. Tap/Click hold to rotate connectors. View a Vision Board Task List Help

Carly Holtzman

Next