Shadcn.io is not affiliated with official shadcn/ui
Split Brand Footer Block
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.
Split Brand Footer Block preview
Installation
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 Footer Block
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 Footer Block
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