Shadcn.io is not affiliated with official shadcn/ui
Music Podcast Player
A podcast episode player block for React and Next.js with playback speed control, skip navigation, show notes, and episode list built with shadcn/ui and Tailwind CSS
Deliver a polished podcast listening experience with this React and Next.js episode player block. Features a progress bar with elapsed time, playback speed toggle between 0.5x through 2x, 15-second skip forward and back buttons, expandable show notes, and a scrollable episode list. Built with TypeScript, shadcn/ui Button and Slider components, framer-motion entrance animations, and Tailwind CSS. Perfect for podcast hosting platforms, media apps, and creator dashboards.
Related Components
Radio Station Block
Live radio station interface with now playing
Lyrics Viewer Block
Synced lyrics display with auto-scroll
Sound Mixer Block
Multi-channel audio mixer with faders
Library Browser Block
Music library with sortable columns
Podcast Player Block
Podcast player with speed controls
FAQ
Was this page helpful?
Sign in to leave feedback.
Podcast Directory
A podcast directory block for React and Next.js with show cards, category filters, star ratings, episode counts, subscribe buttons, and search bar built with shadcn/ui and Tailwind CSS
Podcast Subscription
A podcast subscription management block for React and Next.js with subscribed shows list, episode queue count, notification toggles, and unsubscribe actions built with shadcn/ui and Tailwind CSS