H
UI by hampton.io
Get Started
Back to Components
Components

Leaderboard

Ranked list with positions, avatars, scores, and optional trend badges.

Top performers

This week

  1. 1
    AC

    Avery Cole

    Growth team

    98,240+4.2%
  2. 2
    JL

    Jordan Lee

    Product

    92,610+2.1%
  3. 3
    SR

    Sam Rivera

    Design

    88,455-1.5%
  4. 4
    MP

    Morgan Patel

    Ops

    84,1200.0%

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/leaderboard.tsx

Installation

Using shadcn CLI

npx shadcn add leaderboard --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge