Shadcn.io is not affiliated with official shadcn/ui
Icon Grid Footer Block
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.
Icon Grid Footer Block preview
Installation
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 Footer Block
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 Footer Block
An integration showcase React footer block for Next.js with connected services badges, navigation columns, and copyright built with shadcn/ui and Tailwind CSS