Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
stats5
Two-column layout with heading and description on the left, 2x2 stats grid on the right. Perfect for pairing narrative with key metrics.
stats6
Compact horizontal row of stats separated by vertical dividers. Minimal design ideal for use between other sections.
stats7
Stats cards with a colored top border accent, icon, value, label, and description. Great for highlighting platform capabilities.
stats8
Full-width muted background band with a centered heading and large stat numbers separated by vertical borders. Eye-catching social proof section.
stats9
Split layout with a tall image on the left and vertically stacked stats with descriptions on the right, separated by horizontal borders.
stats10
Infinite horizontal scrolling ticker of stats that pauses on hover. Eye-catching social proof strip for between sections.
stats11
Stats displayed inside circular SVG progress rings with animated counters. Great for visualizing percentages and performance metrics.
stats12
One hero-sized featured stat with a row of smaller supporting metrics below. Perfect for emphasizing a single key achievement.
stats13
Stat cards that float over a wide background image, overlapping the bottom edge. Creates a dynamic layered visual effect.
stats14
Dashboard-style stat cards with colored trend badges showing up, down, or neutral changes. Perfect for quarterly reports and growth metrics.
stats15
Asymmetric bento-style grid with mixed single and double-width stat cards. Ideal for year-in-review and annual report sections.
stats16
Full-width video background with dark overlay and translucent glassmorphism stat cards. Immersive hero-style stats section.
stats17
Alternating rows of images and stats that swap sides. Each row pairs a photo with key metrics and descriptions.
stats18
Tall image cards with gradient overlay and stats at the bottom. Each stat has its own background photo with a subtle hover zoom.
stats19
Wide image with a frosted glass stats bar anchored to the bottom. Stats are separated by vertical dividers inside the blur overlay.
stats20
Split layout with stacked stats on the left and a browser window mockup displaying a screenshot on the right.
stats21
Stats cards that spring up with staggered delay when scrolled into view. Uses framer-motion spring physics for a natural feel.
stats22
Airport departure board-style odometer animation where each digit flips individually with spring physics as numbers count up on scroll.
stats23
Horizontal progress bars that grow with spring animation on scroll. Each bar shows a label, value, and percentage fill.
stats24
Large stats that reveal with a horizontal clip-path curtain animation and spring-powered number entrance. Elegant and cinematic.
stats25
Stat cards that flip in from a back-facing 3D rotation using framer-motion spring physics with staggered timing and perspective depth.
stats26
Stat cards that start stacked on top of each other and fan out into a grid on scroll using framer-motion spring physics and staggered delays.
stats27
Magazine-style numbered list layout with large sequence numbers, stat values, and a sticky sidebar heading for an editorial feel.
stats28
Horizontal timeline with year markers and key metrics at each milestone, ideal for showing company growth and history.