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
Set up project
If you haven't done that already, follow the installation guide before installing your first component.
Install components and dependencies
npx shadcn@latest add "https://launchuicomponents.com/r/stats"
This command will:
- install necessary dependencies and add them to
package.json
- add components required by this block to work to
components/ui
- add a ready-to-use block to
components/sections
Add more variants
Get Launch UI Pro to access all variants.
Usage
A powerful React library for websites
A comprehensive collection of components written in modern React, Typescript and Tailwind CSS.
A proven solution for good design
Thousands of designers and developers have already used Launch UI to create beautiful and functional websites and products.
Need help?
File a feature request, report a bug, or ask me anything.