Stat + counter blocks
Number tickers, animated counters, stat rows. Show scale without a screenshot.
Compact trust row for under a hero or above a final CTA, mixing review-platform ratings. Only use real, current scores, this pattern loses all credibility the moment a visitor checks and finds a mismatch.
Auto-cycles which status row is highlighted every ~2s to imply a live feed. Cap at 3-4 rows, the highlight cycle gets hard to follow past that.
Counts up from 0 (or a custom start value) to a target number when scrolled into view, supports decimals via decimalPlaces. Standard for a stats row (customers served, uptime %, dollars saved). Trigger once per view, do not loop.
Circular gauge that animates its fill to a target percentage, useful for a skills/completion widget or a dashboard KPI card. Set gaugePrimaryColor to the brand accent so it does not default to indigo.
Dark gradient hero with three drifting blurred blobs and a small live-updating ticker chip above the headline, the texture Stripe uses to avoid a flat gradient. Swap the ticker for a real metric or delete it, it is decorative only.
Four-stat row that counts up from zero when it scrolls into view, using IntersectionObserver plus requestAnimationFrame, no animation library needed. Swap the data-target/prefix/suffix attributes per stat, keep to four items or the row gets cramped on mobile.
Want your site’s stat + counter blocks to look this good?
We build full sites with blocks like these.