Shadcn.io is not affiliated with official shadcn/ui
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
Promote your podcast from every page with this React and Next.js footer block. Features a "Listen to our podcast" section with the latest episode title, duration indicator, and a row of platform text links for Apple Podcasts, Spotify, and Google Podcasts. Two navigation link columns provide standard site links alongside the podcast promotion. Built with TypeScript, framer-motion staggered entrance animations, react-wrap-balancer for text wrapping, and Tailwind CSS. Ideal for tech companies with developer podcasts, content-driven brands, media companies, and SaaS products using podcasts as a growth channel.
Podcast Footer Block preview
Installation
Related Components
Newsletter Footer
Footer with email signup form
Company Footer
Footer with brand story and links
CTA Footer
Footer with call-to-action banner
Social Feed Footer
Footer with social media feed
Multi-Column Footer
Footer with four link columns
Dark Footer
Dark-themed footer block
FAQ
Was this page helpful?
Sign in to leave feedback.
Partner Program Footer Block
A partner program React footer block for Next.js with partner type rows, apply button, navigation columns, and copyright built with shadcn/ui and Tailwind CSS
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