Stats 16 - Centered stats with line chart

Pro

A centered heading and pill label above a line chart, followed by three key figures with short descriptions.

Shadcn Stats 16 block

Component data

ID
stats16
Access
pro
Created
Aug 28, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Stats 16 block design & features

Stats16 is a centered stats section built with shadcn/ui. A small uppercase STATS pill sits above a heading and a short muted paragraph. A line chart with month ticks and hover tooltips occupies the middle, and three figures (SEO readiness, block count, and developer trust) sit in a row underneath.

The pill is muted and tiny. The chart is a single smooth line with filled dots and a light horizontal grid, no vertical rules. Hovering a point shows a compact tooltip. Figures below are large and tight-tracking with small muted captions. The stack is spacious, especially around the chart.

This is a product-marketing chart block rather than a bare number row. The line chart is the distinctive piece; the three figures underneath are a standard supporting row. Complexity is moderate and mixed: the chart is code-driven, while the heading and metrics are content swaps. You need series data for the line plus three real claims.