# Music components

> Find 10 music-inspired React components, from audio players to visualizers, crafted with Tailwind CSS for seamless integration into your app.

26 components available. Showing all of them below.

- [Card](https://21st.dev/@kavikatiyar/components/card-6.md) — by Kavi Katiyar
- [Music Reactive Hero Section](https://21st.dev/@lovesickfromthe6ix/components/music-reactive-hero-section.md) — by scott clayton
- [Music Portfolio](https://21st.dev/@lovesickfromthe6ix/components/music-portfolio.md) — by scott clayton
- [Music Player Widget](https://21st.dev/@smammar100/components/music-player-widget.md) — by Syed Mohammad Ammar
- [Music Artwork](https://21st.dev/@diriktv/components/music-artwork.md) — by Derek
- [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
- [Progressive Blur Modal](https://21st.dev/@pate1kiran/components/progressive-blur-modal.md) — by pate1kiran
- [Spotify Card](https://21st.dev/@jatin-yadav05/components/spotify-card/spotify-card.md) — by Jatin Yadav
- [Dynamic Island](https://21st.dev/@aghasisahakyan1/components/dynamic-island.md) — by Erik X
- [Music Player Card](https://21st.dev/@ravikatiyar162/components/music-player-card.md) — by Ravi Katiyar
- [Music Toggle btn](https://21st.dev/@reuno-ui/components/music-toggle-btn.md) — by reuno-ui
- [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
- [BeUI Dynamic Island](https://21st.dev/@saurabh10102/components/be-ui-dynamic-island.md) — by Saurabh Chauhan
- [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
- [WaveformPlayer](https://21st.dev/@ruixen.ui/components/waveform-player.md) — by Ruixen UI
- [neumorphism Player](https://21st.dev/@dhileepkumargm/components/neumorphism-player.md) — by Dhileep Kumar GM
- [Item](https://21st.dev/@shadcn/components/item/image.md) — by shadcn
- [Family Button](https://21st.dev/@cult-ui/components/family-button.md) — by cult/ui
- [Tabs 6](https://21st.dev/@deltacomponents/components/tabs-6/tabs-with-integration.md) — by deltacomponents
- [Playlist Carousel](https://21st.dev/@ruixen.ui/components/playlist-carousel.md) — by Ruixen UI
- [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
- [MusicEqualizer Upload](https://21st.dev/@ruixen.ui/components/music-equalizer-upload.md) — by Ruixen UI

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