Shadcn.io is not affiliated with official shadcn/ui
Two Column Footer Block
A clean two-column footer block for React and Next.js with brand name, description, social icons on the left and a single navigation link list on the right built with shadcn/ui and Tailwind CSS
A polished two-column footer built with React, Next.js, and TypeScript. The left column features the brand name, a short company description, and a row of social media icons. The right column displays a single vertical list of six navigation links. Animated with Framer Motion staggered entrance transitions and styled with Tailwind CSS. Ideal for SaaS landing pages, startup sites, and developer portfolios that need a clean, balanced footer layout.
Two Column Footer Block preview
Installation
Related Components
Centered Footer
Centered footer with nav links
Minimal Footer
Ultra-minimal footer with dot links
Three Row Footer
Footer with three horizontal rows
Brand Focused Footer
Brand-heavy footer with mission statement
Hero Blocks
Hero section blocks
CTA Blocks
Call-to-action blocks
FAQ
Was this page helpful?
Sign in to leave feedback.
Trust Badges Footer Block
A trust badges footer block for React and Next.js with security certifications, compliance indicators, navigation link columns, and copyright built with shadcn/ui and Tailwind CSS
Upgrade CTA Footer Block
An upgrade CTA footer block for React and Next.js with current plan display, animated usage progress bar, upgrade button, and minimal link row built with shadcn/ui and Tailwind CSS