Skip to main content
Stats display with category badges and color-coded status indicators. Great for categorizing and organizing multiple metrics.

​
Installation

Install the component from the Blocks registry: 
npx shadcn@latest add @blocks/stats-04

​
Dependencies

This component requires the following shadcn/ui components:
  • badge
  • card

​
Usage

import Stats04 from "@/components/stats-04";

export default function Page() {
  return <Stats04 />;
}

​
Features

  • Category badges - Visual categorization for stats
  • Status indicators - Color-coded badge variants
  • Organized layout - Structured presentation of metrics
  • Multiple badge styles - Various visual treatments
  • Responsive grid - Adapts to screen size

​
Use Cases

  • Project status tracking
  • Task management metrics
  • Resource allocation dashboards
  • Team performance monitoring
  • Multi-category analytics

Build docs developers (and LLMs) love

Get started for freeTalk to us