All Metrics blocks
Metrics 8
Multi-row metrics grid
A dense metrics layout that supports a larger number of stats without cards or dividers. Uses a balanced grid to keep emphasis evenly distributed across rows, making it suitable for credibility or performance sections where multiple figures carry equal weight. On smaller screens, the grid collapses into a vertical list while preserving spacing and readability.
New
In all Pro bundles
Radix UI
Base UI
8 styles
5 icon sets
Own this code forever
Build with your AI agents or bring the code into your own codebase.
Already have a license key?
SBIOTJ
Join 16,000+ builders shipping with shadcncraft
Get access to this block and the full library
Production-ready blocks and components with matching Figma and React.
Benefits
Production-ready by default
Built with shadcn/ui conventions and designed for real projects.
Built with shadcn/ui
Clean React components using Tailwind and modern shadcn patterns.
Install instantly
Add the block directly using the shadcn CLI.
Works with your theme
Compatible with shadcn themes and token-based color systems.
MCP server support
Use shadcn MCP server right from your favorite AI tools.
Frequently Asked Questions
Yes. They follow shadcn/ui structure and are built for real products.
All blocks
More Metrics
Pro
Metrics 1
Wide stats row with geographic backdrop
Pro
Metrics 2
Centered headline with inline stat columns
Pro
Metrics 3
Split content with media anchor
Pro
Metrics 4
Centered headline with inline stat row
Pro
Metrics 5
Carded metrics row
Pro
Metrics 6
Inline metrics with dividers
Pro
Metrics 7
Inline stats row with optional links
Pro
Metrics 9
Circular progress metrics
Pro
Metrics 10
Expanded circular metrics row
Pro
Metrics 11
Lead-in explanation with supporting stats
