Stats With Grid Background
Three stat cards display in a row, each containing an icon in a gradient container, a large value (10+, 100k+, 100%), and a description. Cards have border separators between them.
An SVG grid pattern sits behind each card content with randomized highlighted cells that catch attention. The pattern uses mask-image gradients for a faded effect at the edges.
A corner element in the top-right of each card animates on hover, sliding out of view with translate transforms. This creates a subtle interactive effect.
Works well for company overview sections, service highlights, landing page social proof, or anywhere you need to display key metrics.
Explore more
Part of Stats Sections ยท All blocks
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time



