
guide
How to make an animated leaderboard for your team or community
A leaderboard turns results into a race. How to animate one where everyone bounces at their own speed, free, with the Leaderboard Race block.
3. Nov. 2026 · 1 Min. Lesezeit
Diese Anleitung gibt es noch nicht in deiner Sprache, daher wird sie auf Englisch angezeigt.
Weekly numbers (deliveries, sales, contributions) are more fun as a race. When each person's avatar bounces across their row at a speed set by their count, the leader is obvious and everyone gets their moment.
What makes it work
| Habit | Why it works |
|---|---|
| Six to eight people | Enough for a race, few enough to read |
| Real names and counts | People share boards they appear on |
| Say what is counted | In the title and the unit |
| Avatars or initials | Photos make it personal |
| 4:5 for feeds | It fills more of the screen on LinkedIn and Instagram |
Make one with Leaderboard Race
Leaderboard Race is a free, open-source HyperFrames block. A leaderboard where each person's avatar bounces across their row at a speed set by their count, top performer fastest. Ask your agent:
Make a leaderboard race for Ember & Bun: "Orders delivered this week" with six riders and their counts.
It renders a 16-second 1080×1350 board with a transparent background.
Related
For another take on the same idea, see Bar Chart Race.
Skills aus diesem Leitfaden

