Centered Footer

Symmetry creates harmony. This React footer centers navigation links horizontally above centered copyright text in clean two-row layout. Built with simple semantic HTML and Tailwind CSS, the balanced design suits minimal sites—perfect for portfolios, landing pages, or small business sites where centered aesthetic matches overall design and fewer links don't justify multi-column footer complexity.

Centered Footer preview

Installation

npx shadcn@latest add https://www.shadcn.io/registry/footer-centered-01.json

npx shadcn@latest add https://www.shadcn.io/registry/footer-centered-01.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/footer-centered-01.json

bunx shadcn@latest add https://www.shadcn.io/registry/footer-centered-01.json

Related Components

FAQ