Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
A horizontal stats display with staggered entrance animations and vertical dividers between metrics. Each stat can include a description for additional context. Ideal for showcasing key performance metrics in a clean, inline layout.
Key Features:
| Prop | Type | Default | Description |
|---|---|---|---|
stats | StatsRowStat[] | 3 default stats | Array of stat objects to display |
title | string | "Numbers that speak" | Section heading text |
subtitle | string | "Performance metrics we're proud of" | Text below the title |
className | string | undefined | Additional CSS classes |
Each stat in the stats array accepts:
interface StatsRowStat {
value: number // The number to animate to
suffix?: string // Text after the number (e.g., "%", "M+", "ms")
label: string // Bold label below the number
description?: string // Smaller text below the label
decimals?: number // Decimal places (default: 0)
}| Feature | Stats Row | Stats Counter |
|---|---|---|
| Layout | Horizontal with dividers | 2x2 / 4-column grid |
| Descriptions | Per-stat descriptions | Single bottom description |
| Animation | Staggered entrance + counter | Counter only |
| Dividers | Vertical lines | Grid gaps |
| Best for | 3-4 key metrics | 4+ metrics |