Stats Section
Animated metric counters on glow cards with a beam separator. Numbers animate on scroll.
Built for scale. Loved at every stage.
From solo projects to enterprise products, ParticleUI scales with your team.
Installation
1
Run the CLI
$npx particleui-cli add stats
Usage
TSX
import { StatsSection } from "@/components/blocks/stats"
export default function Page() {
return <StatsSection />
}Props
| Prop | Type | Default | Required |
|---|---|---|---|
| heading | string | "Built for scale. Loved at every stage." | no |
| description | string | "From solo projects to enterprise products | no |
| stats | Stat[] | defaultStats | no |
Details
Source filecomponents/blocks/stats.tsx
Typeblock
Categoriesmarketing, blocks
npm dependencies@phosphor-icons/react
Registry depsglow-card, counter, beam
Claude skill—