Stats Blocks
Copy-paste React sections for showing metrics: simple stat rows, icon and progress-bar tiles, animated count-up numbers, trend and comparison layouts, percentage rings, and dashboard-style stat grids. Each block ships as plain, editable component code, not a runtime dependency.
Simple Four Stat Row
A plain 4-column row of big numbers with labels, no icons or chrome.
Stats With Icons
Bordered stat tiles, each topped with a lucide icon above the number.
Big Hero Stat
One dominant, oversized stat with smaller supporting stats below it.
Stats With Progress Bars
A vertical list of stats, each paired with a horizontal progress bar toward a goal.
Animated Counter Row
A 4-stat row whose numbers count up from 0 on mount.
Dashboard Style Grid
A dense analytics-dashboard grid with trend deltas and inline sparklines.
Before After Comparison
Two-column before/after comparison of the same metrics, with the after column highlighted to signal improvement.
Stats With Map Visual
Stat list next to a decorative dot-cluster graphic suggesting global reach, without using a real map.
Milestone Timeline Stats
A connected timeline of milestones, each pairing a date with a headline and a stat value; horizontal on desktop, vertical on mobile.
Percentage Ring Stats
A row of circular progress rings, each showing a percentage number in the center with a label below.
Trend Arrow Stats
Stat tiles with a small up/down arrow and delta percentage indicating trend direction.
Compact Inline Bar
A single-row, minimal-footprint stat bar of label: value pairs separated by thin dividers, meant to sit inline below a hero or in a footer.
Stats With Description
Split section pairing a narrative paragraph with a compact grid of key stats.
Ranked Leaderboard Stats
Numbered leaderboard rows with a proportional bar-width visual behind each value.
Stats With Background Pattern
Four stat tiles layered over a subtle repeating dot-grid background pattern.
Live Ticker Stats
Stat numbers that periodically tick up on a fixed interval to simulate a live feed.