All blocks
Metrics
shadcn/ui Metric blocks highlight key stats that build credibility. Perfect for showcasing customer numbers, performance results, or milestones in a simple, scannable way.
Pro Marketing Figma React
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
Explore all block categories
Built on official shadcn/ui components with real structure, spacing, and accessibility. No AI-generated layouts. Designed for real products in Figma and React.
Looking for something specific? Browse all shadcn/ui blocks.
Benefits
Designed for your shadcn/ui project
Blocks built to work together across marketing pages and product interfaces.
Consistent layout system
Shared spacing, grids, and typography across all blocks.
Composable layouts
Combine blocks to build complete pages without layout conflicts.
Theme compatible
Works with shadcn/ui themes and token-based color systems.
Production-ready structure
Layouts designed with real content patterns and responsive behavior.
