Number ticker · High Contrast
An animated number that counts, rolls like an odometer or flips like a split-flap board to its value, with replay and update buttons.
Design · High Contrast20 / 20
3 px black border, 16 px bold label, 44 px figure and 48 px buttons with underlined text and a thick focus ring.
Motion
The whole figure counts up from zero with an ease-out curve and eases to a new value when it changes.
Accent
An animated number that counts, rolls like an odometer or flips like a split-flap board to its value, with replay and update buttons.
numbercountertickerodometercount-upmetricanimationmotion