Library / Numbers & stats

Live Leaderboard pro

A ranked list with simulated live scores: rows glide to new places, rank badges pop and the top three get medals.

Customize

Name — score

Colour of the bars and badges

Seconds between score updates in the demo

Code

import Leaderboard from './Leaderboard';

<Leaderboard />

Checking your access…

Dependencies: none

ranking live flip medals

More in Numbers & stats

Odometer StatsNumbers ease up from zero when the block enters the viewport. Tap to replay.
OdometerA number made of rolling digit wheels that spin to their value when scrolled into view, with an optional live tick.
Live Savings CounterA number that climbs in real time from a start value at a rate per second, with rolling digits and Intl formatting.