10 Second Timer Example

3,989
3
162
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/

Alexander Mickus

Submarine Animation

2,148
1
23
A basic animation created by using the Proto.io HTML Component with HTML and CSS. No additional images were needed to be imported to create this animation. The HTML and CSS used was found at: http://codepen.io/ajerez/pen/EaEEOW

Akis Ioannou

To Do

808
0
21
Basic To Do prototype based on: https://www.sketchappsources.com/free-source/3625-basic-to-do-app-design-sketch-freebie-resource.html

Maria Cortez

Reproducing instagram info bars behaviour

2,979
9
262
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

Swarm Check-in

15,600
0
169
Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

Marios Christou

Vertical scrolling feed with 2 expandable areas

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

Akis Ioannou

Visit the Alps

2,093
0
40
This prototype is designed to be a promotional website for the Alps and features animations based on the scroll position. Thanks to https://dribbble.com/victorerixon for the inspiration.

Vasilis Odysseos

Flipboard Animation

1,700
0
25
The Flipboard animation created using states.

Mike Adams

Scrollable data table

19
0
2
Here is an example of a scrollable data table with vertical and horizontal scroll and a fixed header. Data design: https://www.sketchappsources.com/free-source/3706-datatable-with-horizontal-scroll-sketch-freebie-resource.html

Maria Cortez

Next