13 Blocks

shadcn/ui stats blocks & components.

Stat bands and metric sections built with shadcn/ui: minimal four-up numbers, delta cards, count-up-on-scroll figures, inverted full-width bands, and animated pieces like a dotted world map and radial-bar charts. The quickest way to put credible numbers on a marketing page.

Bordered Four-Up Stat Band

Stats 1Free

Four-column stats section band framed by separators, each metric pairing a large value and label with a badge showing its percentage change.

BadgeSeparator

Minimal Numbers Band

Stats 2Free

Minimal four-up stats row of oversized numbers and short labels under one heading, with no icons, badges, dividers, or secondary copy.

Stat Cards With Trend Arrows

Stats 3Free

Four bordered stat cards, each with an icon, a metric value, and an up or down trend arrow comparing the figure against last quarter.

Count-Up Stats On Scroll

Stats 4Free

Four-up stat grid whose numbers count up from zero when scrolled into view, each cell pairing an icon with a growth delta badge.

Badge

Inverted Stats Panel

Stats 5Free

Stats band on a filled primary-color panel with a heading and four large inverted figures, a high-contrast by-the-numbers section.

Revenue Figure With Chart Toggle

Stats 6Pro

Stats split whose oversized revenue figure counts up and blur-swaps to a monthly area chart via a toggle, beside a count-up metric grid.

ButtonChart
motionrecharts

Animated World Map Stats

Stats 7Pro

Dotted world map with pulsing hub dots and flowing connection arcs above a three-up count-up row of global coverage metrics.

motion

Radial Bar Stat Rings

Stats 8Pro

Concentric radial bar chart that fills in on scroll beside a count-up metric list, with a growth trend pill and a center callout.

Chart
motionrecharts

Fiscal Year Tab Chart Stats

Stats 9Pro

Stats split with copy and CTAs beside fiscal year tabs whose line chart blur-swaps and re-animates, plus a summary that recounts per year.

ButtonChartTabs
motionrecharts

Live Analytics Dashboard Stats

Stats 10Pro

Analytics dashboard mock in a window-chrome card with count-up KPI tiles, a live status pill, and an animated weekly visitors area chart.

Chart
motionrecharts

Editorial Stat List With Accents

Stats 11Pro

Editorial split pairing an emphasis headline with a stat list, each metric marked by a vertical accent bar that grows as its number counts up.

motion

Bracketed Proof Trio

Stats 12Pro

Centered trio of proof metrics inside a corner-bracket frame on a faint grid, with count-up figures and thin underline meters that grow on scroll.

motion

Impact Report Stats Band

Stats 13Pro

Left-aligned impact report band with a report CTA link and four oversized count-up figures, each underlined by an animated meter bar.

Button
motion