# Audio components

> Explore 23 React audio components for embedding music, podcasts, or effects, all styled with Tailwind CSS and ready for Next.js integration.

16 components available. Showing all of them below.

- [Slider](https://21st.dev/@originui/components/slider/multiple-vertical-sliders.md) — by Origin UI
- [Material Design 3 Switch](https://21st.dev/@easemize/components/material-design-3-switch.md) — by Hossain Jahed
- [Voice Input](https://21st.dev/@molecule-lab-rushil/components/voice-input.md) — by Rushil Dhinoja
- [Voice Recording](https://21st.dev/@erikvalencia1/components/voice-recording.md) — by Ruben
- [Waveform](https://21st.dev/@ElevenLabs-crawled/components/waveform.md) — by ElevenLabs
- [Input Modal](https://21st.dev/@arihantcodes_1f7b8c4d/components/input-modal.md) — by Arihant jain
- [Bar Visualizer](https://21st.dev/@ElevenLabs-crawled/components/bar-visualizer.md) — by ElevenLabs
- [Rain](https://21st.dev/@designali-in/components/rain.md) — by Ali Imam
- [Music Toggle btn](https://21st.dev/@reuno-ui/components/music-toggle-btn.md) — by reuno-ui
- [Slider](https://21st.dev/@coss.com/components/slider/equalizer.md) — by coss
- [Audio Player](https://21st.dev/@ElevenLabs-crawled/components/audio-player.md) — by ElevenLabs
- [Audio Upload Card](https://21st.dev/@isaiahbjork/components/audio-upload-card.md) — by Isaiah
- [Live Waveform](https://21st.dev/@ElevenLabs-crawled/components/live-waveform.md) — by ElevenLabs
- [Waveform](https://21st.dev/@thegridcn/components/waveform.md) — by The Gridcn
- [Basic Slider](https://21st.dev/@anubra266/components/basic-slider/slider-equalizer.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