# WaveformPlayer

> The Waveform Player component provides a sleek, responsive audio player with a visual waveform representation. Users can see the current play position and click or drag anywhere on the waveform to seek through the audio. Designed with light and dark themes in mind, the waveform bars and progress overlay automatically adjust their colors to maintain clear visibility in both modes. Its compact size, minimal spacing, and clean black-and-white design make it suitable for modern web apps, podcasts, or music platforms, providing a polished and intuitive listening experience.

- 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/waveform-player

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/waveform-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