Shadcn.io is not affiliated with official shadcn/ui
Footer Split Brand
A split brand React footer block for Next.js with large brand section, tagline, CTA button, and three link columns in a grid layout built with shadcn/ui components and Tailwind CSS
Lead with your story, support with navigation. This React and Next.js footer block splits the layout into two halves — a left brand section featuring the company name, tagline, description, and a call-to-action button, and a right section with three organized link columns. Built with TypeScript, shadcn/ui Button component, framer-motion entrance animation, react-wrap-balancer for text wrapping, and Tailwind CSS grid. A copyright bar at the bottom anchors the design. Perfect for mission-driven companies, startups, creative agencies, and SaaS products where the footer reinforces brand identity while providing functional navigation.
Related Components
Footer Company
Footer with company description
Footer Columns
Multi-column link footer
Footer CTA
Footer with call-to-action
Footer Newsletter
Footer with email signup
Footer Simple
Minimal footer with social links
Footer Dark
Dark-themed footer
FAQ
Was this page helpful?
Sign in to leave feedback.
Social Proof
A social proof React footer block for Next.js with trusted-by heading, company logos, three navigation columns, and copyright built with shadcn/ui and Tailwind CSS
Split Dark Light
A React split theme footer block for Next.js with dark brand section, light link columns, visual contrast grid layout, and copyright bar built with shadcn/ui and Tailwind CSS