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
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time



