Shadcn.io is not affiliated with official shadcn/ui
Footer Icon Grid
An icon-driven footer block for React and Next.js with a 2x3 grid of Lucide icon feature items, navigation links, and copyright text built with shadcn/ui and Tailwind CSS
A visually scannable icon-driven footer built with React, Next.js, and TypeScript. Features a 2x3 grid of six items, each with a Lucide icon and concise label, creating a quick-glance overview of product capabilities. Below the grid sits a row of navigation links and copyright text. Animated with Framer Motion staggered entrance transitions and styled with Tailwind CSS. Ideal for product landing pages, SaaS sites, and developer tools that want to reinforce key features in the footer.
Related Components
Two Column Footer
Two-column footer with brand and links
Metrics Footer
Footer with stat counters
Centered Footer
Centered footer with nav links
Brand Focused Footer
Brand-heavy footer with mission statement
Features Blocks
Feature section blocks
Hero Blocks
Hero section blocks
FAQ
Was this page helpful?
Sign in to leave feedback.
Healthcare
A React healthcare footer block for Next.js with HIPAA compliance badge, three navigation columns, emergency contact notice, and copyright using shadcn/ui and Tailwind CSS
Integration Showcase
An integration showcase React footer block for Next.js with connected services badges, navigation columns, and copyright built with shadcn/ui and Tailwind CSS