Odometer free

A number made of rolling digit wheels that spin to their value when scrolled into view, with an optional live tick.

Scroll inside the preview to try it.

Customize

Text before the number (empty = none)

Text after the number (empty = none)

Digit colour

Colour of the prefix and suffix

The number to show

Size of the digits (px)

How long a wheel takes to spin (ms)

Delay between one wheel and the next (ms)

How often it ticks when live (ms)

Show thousands separatorsKeep counting up on its own

import Odometer from './Odometer';

<Odometer />

Checking your access…

Dependencies: none