A multi column site footer with a brand block and titled link groups that reflow from one to five columns. A React and Tailwind footer for marketing sites.
npx shadcn@latest add @minidev/footer-megaCode Footer components for React and Tailwind
Free footer components for React and Tailwind CSS v4: a mega footer with link columns, a compact footer with nav links, and matching email footers. Accessible, responsive, MIT.
3 blocksFree, MITshadcn CLI compatibleTailwind CSS v4Light and dark
Footers hold the links people look for when the rest of the page did not answer their question: product, docs, pricing, legal, contact. A mega footer suits a site with many pages; a one-line footer suits a landing page or an app.
A slim one line footer with the brand name on the left and a wrapping set of links in a labeled nav element. Fits app shells, docs and small landing pages.
npx shadcn@latest add @minidev/footer-navCode Email footer with your company address and Unsubscribe and Preferences links, centered on a muted background. Covers what marketing emails need at the end.
npx shadcn@latest add @minidev/email-footerCode Frequently asked questions
What should a SaaS footer contain?
Product and pricing links, docs and changelog, company and contact, legal pages (privacy, terms), a status page link if you have one, and social links. Keep it to what people actually look for.