# Audio Player components

> Deliver audio content beautifully with 22 React audio player components, styled for usability and visual appeal using Tailwind CSS.

24 components available. Showing all of them below.

- [Music Player Widget](https://21st.dev/@smammar100/components/music-player-widget.md) — by Syed Mohammad Ammar
- [Audio Player](https://21st.dev/@chetanverma16/components/audio-player.md) — by Chetan Verma
- [Glassmorphism Listen App](https://21st.dev/@moumensoliman/components/glassmorphism-listen-app-block-shadcnui.md) — by Moumen Soliman
- [Voice Message Bubble](https://21st.dev/@ruixen.ui/components/voice-message-bubble.md) — by Ruixen UI
- [Music Player Card](https://21st.dev/@ravikatiyar162/components/music-player-card.md) — by Ravi Katiyar
- [MusicPlayerCard](https://21st.dev/@dhileepkumargm/components/music-player-card.md) — by Dhileep Kumar GM
- [Music Player](https://21st.dev/@ravikatiyar162/components/music-player.md) — by Ravi Katiyar
- [musicCard](https://21st.dev/@cloudflypeng/components/music-card/music-card.md) — by 喝酒不误事@meanc
- [Audio Player](https://21st.dev/@ElevenLabs-crawled/components/audio-player.md) — by ElevenLabs
- [neumorphism Player](https://21st.dev/@dhileepkumargm/components/neumorphism-player.md) — by Dhileep Kumar GM
- [Playlist Carousel](https://21st.dev/@ruixen.ui/components/playlist-carousel.md) — by Ruixen UI
- [Podcast Card Player](https://21st.dev/@ruixen.ui/components/podcast-card-player.md) — by Ruixen UI
- [Audio Book Player](https://21st.dev/@ruixen.ui/components/audio-book-player.md) — by Ruixen UI
- [Audio Timeline With Chapters](https://21st.dev/@ruixen.ui/components/audio-timeline-with-chapters.md) — by Ruixen UI
- [Music Reactive Hero Section](https://21st.dev/@lovesickfromthe6ix/components/music-reactive-hero-section.md) — by scott clayton
- [Waveform](https://21st.dev/@ElevenLabs-crawled/components/waveform.md) — by ElevenLabs
- [Progressive Blur Modal](https://21st.dev/@pate1kiran/components/progressive-blur-modal.md) — by pate1kiran
- [Voice Testimonial](https://21st.dev/@ayushmxxn_c278bc2d/components/voice-testimonial.md) — by Ayushmaan Singh
- [WaveformPlayer](https://21st.dev/@ruixen.ui/components/waveform-player.md) — by Ruixen UI
- [Card](https://21st.dev/@kavikatiyar/components/card-6.md) — by Kavi Katiyar
- [Waveform](https://21st.dev/@thegridcn/components/waveform.md) — by The Gridcn
- [Visualizer Button](https://21st.dev/@ruixen.ui/components/visualizer-button.md) — by Ruixen UI
- [Floating Panel](https://21st.dev/@anubra266/components/floating-panel/media-player-panel.md) — by Abraham
- [Synced Lyric Captions](https://21st.dev/@moumensoliman/components/synced-lyric-captions-shadcnui.md) — by Moumen Soliman

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