👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Multi-Column Footer
Footer with company branding, social media icons, and four columns of navigation links
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Organization needs structure. This React footer combines brand identity section with social icons and four organized link columns for comprehensive site navigation. Built with shadcn/ui Button components and Lucide React icons, the multi-column layout serves content-rich sites—perfect for corporate websites, large e-commerce platforms, or complex web apps where categorized footer navigation helps users find pages and robust sitemap improves SEO and discoverability.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/footer-columns-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/footer-columns-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/footer-columns-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/footer-columns-01.jsonRelated blocks you will also like
Simple Footer
Minimal footer with social links
Newsletter Footer
Footer with newsletter subscription
Footer Sitemap
Comprehensive footer with full sitemap
Footer with Links
Simple footer with navigation links
Footer with Localization
Footer with language/currency selectors
Company Footer
Footer with company description