Blocks · Stats

Stats sections

Four stat patterns. Counts animate from 0 when scrolled into view. Container queries handle column collapse.

Four big numbers

Animate with data-lsd-count. 4 → 2 → 1 columns.

.stats-4-rowdata-lsd-count
0%
Lighthouse
Average across docs.
0KB
CSS shipped
Brotli, full framework.
0x
Faster ship
Reported by teams.
0
Categories
Of pre-composed blocks.

Stats with progress

3 stats, each with a .lsd-progress bar showing % of goal.

.lsd-progress.stats-progress
$2.1M68% of goal
14,20082% of goal
94%94% of goal

Trend chips

Each stat carries a .lsd-chip--success or --danger delta chip.

.lsd-chip--success.lsd-chip--danger
MRR$48.2k
↑ 12%vs last month
Trials312
↑ 24%vs last month
Churn2.1%
↓ 0.4%vs last month
NPS62
↑ 8vs last month

Stat + supporting quote

Side-by-side wide, stacked narrow.

.stats-quote-pair
Funding round

$2M

Raised in 30 days using LSD-built landing pages.

“We never could have done it solo. The block library gave us a polished pitch site in a weekend.”
— Plover Hexstrom, Founder · Globex