Top ranking

Free

The top pages or sources with their figures, a bar per row relative to the first, and a switch between the two rankings.

stats-03 · v1.1.0 · Stats block 3 of 4

npx shadcn@latest add @lib/stats-03

About this stats block

Top ranking is a free stats block for shadcn/ui. The top pages or sources with their figures, a bar per row relative to the first, and a switch between the two rankings. It's one React file built on the shadcn/ui Button, Tabs components, uses only your theme tokens, and works in Next.js, Vite, React Router, TanStack Start and Astro.

What's inside

  • Switch between views
  • Interactive state, no wiring needed to try it
  • Light and dark mode from your theme
  • Responsive, from phone to desktop

What it installs

  • @lib/cell
  • @lib/progress-list-01
  • shadcn/ui: button, tabs

Versions

  • v1.1.0 Usage meter: rows like a progress list, a status in color; stats-03 is a ranking
  • v1.0.0 Blocks for the pieces of a page, six parts fewer
Full changelog

More stats blocks

KPIs with trends, chart cards and usage meters: the figures at the top of a dashboard or a settings page, as cells for your grid.