Stats
Marketing stats and metrics section blocks for shadcn/ui. Big-number rows, bordered metric grids, stats beside photos or quotes, and animated counters for landing pages. Built for shadcn/ui.
Borderless marketing stats section for shadcn/ui with a centred eyebrow, heading and lead above a four-column row of large tabular numbers and short labels. Uses a semantic dl with theme tokens only and collapses to two columns on small screens. A compact way to prove scale right under a hero.
Left-aligned heading above a bordered metric grid for shadcn/ui, built with gap-px dividers over bg-border and bg-background cells so every edge lines up. Each of the six cells pairs a lucide icon with a label, a big number and a one-line note, flowing from one to two to three columns. Good for trust and procurement-style metrics.
Two-column shadcn/ui stats section pairing a rounded team photo with a heading, lead and a 2×2 grid of numbers, each marked by a primary left-border accent. The photo stretches to match the copy on desktop and stacks above it below md, with a plain img and semantic dl styled in theme tokens. Works well on about and customers pages.
Full-bleed bg-foreground band for shadcn/ui whose four big numbers count up from zero with requestAnimationFrame once an IntersectionObserver detects the section. Honours prefers-reduced-motion by rendering final values immediately, formats decimals, prefixes and suffixes, and uses text-background/70 for quiet labels. A high-impact proof-of-scale strip for landing pages.
Three-column shadcn/ui section with a large text-balance blockquote and Avatar attribution spanning two columns, beside a vertical divide-y stack of three stats. Combines social proof with hard numbers in a single, airy layout and stacks cleanly on mobile. Ideal between features and pricing.