# Podcast Card Player

> The Podcast Card Player is a sleek, theme-aware component designed to display podcast episodes in a compact card layout. Each card includes an image, title, and episode information, along with an inline audio player featuring play/pause functionality, a progress bar, and a live timestamp. Built using Shadcn UI, it provides a clean and consistent design that adapts seamlessly to both light and dark themes. This component is perfect for podcast apps, media sections, or content platforms where users can quickly browse and listen to episodes without leaving the page. Its modular design also allows easy configuration for multiple cards or different audio sources.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- Live preview: https://21st.dev/@ruixen.ui/components/podcast-card-player

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/podcast-card-player?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt