Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
stats1
Right-aligned layout with heading, description, and a 2x2 grid of stat cards. Perfect for showcasing key metrics alongside content.
stats2
Centered stats grid with icons and animated counters that trigger on scroll. Ideal for showcasing achievements and key metrics.
stats3
Full-width centered stats section with badge, heading, description, and a dynamic grid of icon stats with animated counters. Adapts grid columns based on stat count.
stats4
Centered header with badge, heading, and description followed by horizontal stat cards. Each card shows a title, large value, and detailed description.
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.