Stats

A versatile stats section component built with shadcn/ui.

Create impactful statistics displays with multiple variants including horizontal layouts, cards, and modern grid designs. Each variant is designed to effectively communicate your key metrics while complimenting shadcn's signature aesthetic. Perfect for featuring your product's key achievements in numbers, such as number of active users, growth rate, customers, downloads or transactions.

Built with Tailwind CSS, this component delivers pixel-perfect, responsive statistics sections that adapt beautifully across all devices. The clean, modern design principles ensure your statistics are presented clearly while maintaining visual harmony with other shadcn components.

Installation

npx shadcn@latest add "https://launchuicomponents.com/r/stats"

This command will:

  • install necessary dependencies and add them topackage.json
  • create any new components required by this section to work incomponents/ui
  • create an example section file in components/sections

This section comes with one free variant. To get all variants, purchase Launch UI Pro.

Usage

Free
1,159
Figma users
178
Github clones
161
CLI installations
121
Components
1,159
Figma users
178
Github clones
161
CLI installations
121
Components
1,159
Figma users
178
Github clones
161
CLI installations
121
Components

Need help?

File a feature request, report a bug, or ask me anything.