一個訂閱,解鎖全部高階影片 Skill。隨時取消。檢視方案

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.

2026年11月3日 · 閱讀約 1 分鐘

這篇指南暫未提供你的語言版本,因此以英文顯示。

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

HabitWhy it works
Six to eight peopleEnough for a race, few enough to read
Real names and countsPeople share boards they appear on
Say what is countedIn the title and the unit
Avatars or initialsPhotos make it personal
4:5 for feedsIt 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.

For another take on the same idea, see Bar Chart Race.

本文提到的 Skill