Shadcn.io is not affiliated with official shadcn/ui
Three Row Footer Block
A three-row footer block for React and Next.js with a four-column link grid, centered newsletter signup form, and copyright bar with social icons built with shadcn/ui and Tailwind CSS
A structured three-row footer built with React, Next.js, and TypeScript. Row one features a four-column navigation grid with categorized links for Product, Company, Resources, and Legal. Row two presents a centered newsletter subscription form with an email input and subscribe button. Row three displays copyright text alongside social media icons. Animated with Framer Motion staggered transitions and styled with Tailwind CSS. Perfect for marketing sites, SaaS platforms, and content-heavy web applications.
Three Row Footer Block preview
Installation
Related Components
Two Column Footer
Two-column footer with brand and links
Newsletter Footer
Footer with newsletter signup
Columns Footer
Multi-column link footer
Centered Footer
Centered footer with nav links
Hero Blocks
Hero section blocks
CTA Blocks
Call-to-action blocks
FAQ
Was this page helpful?
Sign in to leave feedback.
Theme Toggle Footer Block
A React theme toggle footer block for Next.js with dark mode sun/moon icon switcher, three link columns, and copyright bar using shadcn/ui and Tailwind CSS
Timeline Footer Block
A timeline footer block for React and Next.js with a horizontal milestone timeline showing company journey, two link columns, and copyright text built with shadcn/ui and Tailwind CSS