10 Second Timer Example

5,991
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

Halloween Cards Onboarding

2,628
0
47
Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.

Christos Chatzikkos

Messages Project - Chat

2,537
0
138
A project with 3 types of chat messages examples (chatbot) 1. Preset Messages appear automatically 2. Preset Messages appear when you select Enter 3. Typed Messages appear after typed

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

Extended UI libraries

23,934
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

Maria Brown Interactive Resume

1,671
0
Explore my resume with this interactive interface.

Maria Brown

COUNTER

2,256
3
162
3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

Paul Baker

Expenses Report

2,543
0
35
The list and chart include animations created using states. Design from: https://www.sketchappsources.com/free-source/4505-expenses-report-sketch-freebie-resource.html

17056140-504e-11ed 9221-0e76797a4f7b

Variables Examples

33,180
43
2,612
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Reproducing instagram info bars behaviour

4,904
9
291
A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Akis Ioannou

Next