ToFind

4,603
1
139
A Proto.io recreation of the transitions used in Leo Leung’s design: ToFind https://dribbble.com/search?q=Leo+Leung

Christos Chatzikkos

Bookstore website prototype

2,581
0
For my User Experience & Visual Design class we had to redesign the entire website for a bookstore called Laie that is based in Barcelona. This is desktop proposal. It's my first time using proto.io! Feedback is more than welcomed! I'm a 3rd year Graphic Design student from Barcelona. cristinanitrons@hotmail.com

66d6454f-504d-11ed 9221-0e76797a4f7b

Sign up - Sign in

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

Final Chicken

1,375
0
7

Tic Tac Toe

3,117
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

Dynamic List Simulation

3,486
0
74
A simple implementation of how to simulate a Dynamic List which the user can manually increase or decrease using a single Container, a List component and States.

Constantinos Thoma

auto-complete search

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

Bungee jump animation with custom easings

3,021
0
Say hello to our brand new visual easings manager! This project was created using custom easings and more specifically cubic bezier.

Christos Chatzikkos

Date picker

7,773
1
441
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

34041018-d2c9-11ed 9221-0e76797a4f7b

Lights Control

2,949
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Next