Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Product Card Podcast
Podcast episode card with play controls, duration, and show notes for React podcast apps
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Display podcast episodes on your Next.js podcast platform with this product card component. Features episode artwork, play/pause button with progress, duration and publish date, episode number, guest info, and show notes preview. Built with shadcn/ui Card, Button, Badge, and Avatar components using Tailwind CSS. The audio-focused design encourages listening—perfect for Shopify headless podcast networks, audio platforms, or any React app with podcast content. Engaging and accessible.
Product Card
Tech Horizons
The Future of AI in Creative Industries
Featuring Dr. Sarah Chen
AI Research Lead, Creative Labs
We explore how artificial intelligence is transforming creative work, from design to music production, with insights from industry leaders.
Installation
Related blocks you will also like
React Product Card Simple
Vertical product card
React Product Card Course
Online course card
React Product Card Digital
Digital download card
React Product Card Book
Book product card
React Product Card Event
Event ticket card
React Product Card Grid
Product grid layout