10 Second Timer Example

6,878
5
213
I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Expand container that moves adjacent content in sync

3,460
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

Map Data Visualization with Slider using Variables

4,590
1
127
Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Todd Siegel

Classical Etheria

2,017
0
2
My own version of the Pandora Taylor Swift example provided by Proto.io's video tutorial.

cbcb3aff-504d-11ed 9221-0e76797a4f7b

Net Magazine Prototype - Juxtacaption

3,113
1
12
This is prototype was created for the Net magazine article "Design Prototypes That Reel Real - with Proto.io. It includes a step-by-step written tutorial with screenshots here: http://www.creativebloq.com/web-design/design-prototypes-feel-real-protoio-21619311 It's a product concept for juxtaposing two photos and typing a caption about the connection between them. It should look like this. The tutorial starts with bringing in a range of external assets. Then it'll show how to design assets and customize native components within the tool. Interactions will be triggered by gestures, keyboard input, and automatically as the prototype loads, then choreographed along an animation timeline. Enjoy... TAGS text input capture staggered animation variable variables show captured text input on different screen

Todd Siegel

MATERIAL ELECTRÓNICO!!!

914
0
VENTA DE MATERIAL ELECTRÓNICO

20a0606d-504d-11ed 9221-0e76797a4f7b

Vertical scrolling feed with 2 expandable areas

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

Akis Ioannou

FOLIO app starter project

3,325
0
31
This project provides you with templates and UI elements to get started with building your own prototype of a FOLIO app.

Filip Jakobsen

Next