Shadcn.io is not affiliated with official shadcn/ui
Minimal Dark Footer Block
A minimal dark React footer block for Next.js with zinc-950 background, copyright text, and three inline legal links in a single compact row built with shadcn/ui and Tailwind CSS
The darkest, simplest footer you can ship. This React and Next.js footer block strips away everything except what matters — a copyright notice on the left and three legal links on the right, all in a single row on a zinc-950 background. The inverted color scheme creates visual weight at the bottom of the page while the minimal content keeps the footer unobtrusive. Built with TypeScript, framer-motion entrance animation, react-wrap-balancer for text wrapping, and Tailwind CSS with zinc color scale. Perfect for single-page apps, developer tools, API documentation sites, landing pages, and any product where the footer should be present but invisible.
Minimal Dark Footer Block preview
Installation
Related Components
Footer Dark
Dark footer with link columns
Footer Minimal
Compact minimal footer
Footer Status Bar
Status indicator footer
Footer Simple
Simple footer with social links
Footer Centered
Centered footer with nav links
Footer Stacked Minimal
Stacked minimal footer
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Mobile App Footer Block
A React mobile app download footer block for Next.js with QR code placeholder, app store download buttons, two link columns, and copyright using shadcn/ui and Tailwind CSS