Shadcn.io is not affiliated with official shadcn/ui
Portfolio Footer Block
A portfolio footer block for React and Next.js with centered name, bio, social links, availability badge, and copyright bar built with shadcn/ui and Tailwind CSS
A clean, centered portfolio footer built with React, Next.js, and TypeScript. Features a name heading, a one-liner bio, four social media icon links in a row, an availability status badge, and a copyright line. Animated with Framer Motion staggered entrance transitions and styled with shadcn/ui Button and Badge components, Lucide React icons, and Tailwind CSS. Perfect for personal portfolios, freelancer websites, and developer landing pages.
Portfolio Footer Block preview
Installation
Related Components
Agency Footer
Agency footer with CTA and email
Startup Footer
Startup footer with brand statement
Minimal Footer
Single-row minimal footer
Hero Blocks
Hero section blocks
Contact Blocks
Contact form blocks
CTA Blocks
Call-to-action blocks
FAQ
Was this page helpful?
Sign in to leave feedback.
Podcast Footer Block
A React podcast footer block for Next.js with latest episode preview, platform links, two navigation columns, and copyright bar built with shadcn/ui and Tailwind CSS
Pricing Teaser Footer Block
A pricing teaser React footer block for Next.js with mini plan pills, compare link, navigation columns, and copyright built with shadcn/ui and Tailwind CSS