Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Multi-Column Footer Block

A multi-column footer block for React and Next.js with brand section, social icons, four navigation link columns, and copyright bar built with shadcn/ui and Tailwind CSS

A comprehensive multi-column footer built with React, Next.js, and TypeScript. Features a brand section on the left with name, tagline, and social media icon buttons, four categorized navigation link columns on the right — Product, Resources, Company, and Legal — and a full-width copyright bar at the bottom. Built with shadcn/ui Button components, Lucide React icons, Framer Motion staggered animations, and Tailwind CSS. Perfect for corporate websites, SaaS platforms, and content-rich web applications.

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.