C. Data & Tables

Leaderboard

Ranked tables with movement indicators, a podium hero, compact widgets and period/team filters.

4 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add data/leaderboard

01Ranked table with movement

Uses: AppFrame · Table · PersonCell · TrendChip · Badge

components/blocks/data/leaderboard/01-ranked-table.tsx

Uses: AppFrame · Avatar · Badge · Table

components/blocks/data/leaderboard/02-podium.tsx

Uses: Avatar · Badge · TrendChip · Progress

components/blocks/data/leaderboard/03-compact-widgets.tsx

Uses: AppFrame · Segment · Table · PersonCell · Badge

components/blocks/data/leaderboard/04-filter-period-team.tsx