Shadcn.io is not affiliated with official shadcn/ui
Metrics Footer Block
A metrics footer block for React and Next.js with four stat counters in a row, three navigation link columns, and copyright text built with shadcn/ui and Tailwind CSS
A data-driven footer built with React, Next.js, and TypeScript. Features a prominent row of four key metrics — customers, uptime, countries, and rating — displayed with large tabular numbers and muted labels. Below the stats sit three organized navigation link columns and copyright text. Animated with Framer Motion staggered entrance transitions and styled with Tailwind CSS. Ideal for SaaS dashboards, enterprise landing pages, and product sites that want to showcase traction and reliability at the bottom of every page.
Metrics Footer Block preview
Installation
Related Components
Icon Grid Footer
Icon-driven footer with feature grid
Testimonial Footer
Footer with featured quote
Timeline Footer
Footer with company milestones
Two Column Footer
Two-column footer with brand and links
Stats Blocks
Statistics section blocks
Hero Blocks
Hero section blocks
FAQ
Was this page helpful?
Sign in to leave feedback.
Mega Footer Block
A React mega footer block for Next.js with brand section, five link columns, newsletter row, social icons, and copyright bar using shadcn/ui and Tailwind CSS
Minimal Footer Block
A minimal footer block for React and Next.js with inline copyright text and dot-separated navigation links built with shadcn/ui and Tailwind CSS