Visualizations
Leaderboard
Display ranked data in a clean, vertical layout. Perfect for showing metrics, scores, and performance indicators at a glance.
Basic
A simple leaderboard displaying ranked items with values.
Installation
npx shadcn@latest add @intentui/leaderboardManual installation
npm i react-aria-componentsCurrency
Format values as monetary amounts.
Percentage
Display values as percentages for progress tracking.
With header
Add a header to provide context and structure.
With icon
Include icons alongside entries for visual clarity.
Controlled
Manage leaderboard data programmatically for dynamic updates.