# Marketing Stats

By-the-numbers band on a landing page with customers, uptime and time saved.

- id: `marketing-stats`
- Page: https://agentic-ui-kit.com/components/marketing-stats
- Live preview: https://agentic-ui-kit.com/live/component/marketing-stats?piece=marketing-stats

## Install

```bash
agentic-ui add marketing-stats
npx shadcn@4.17.0 add @agentic-ui/marketing-stats
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** key-figures, count-up-on-view, intl-formatting, plain-or-cards, reduced-motion, dark-mode
- **Intents:** communicate, show-composition
- **Suits domains:** marketing, saas, fintech, analytics, operations
- **Interaction:** scroll-reveal
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** by-the-numbers band on a landing page with customers, uptime and time saved, impact metrics section on a company or about page, social proof figures beside testimonials on a marketing site
- **Avoid when:** live operational KPIs that change while viewing (use dashboard-kpi-goal or chart blocks), figures that need trend charts or comparisons, unverifiable claims in production copy
- **Preserve when adapting:** description-list, server-final-values
- **Replace when adapting:** stats, formats, appearance
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** @agentic-ui/motion-number-morph, lucide-react
- **Registry dependencies:** lib-primitives, motion-number-morph