# Voice components

> Integrate voice UI elements in React with 4 components, styled for clarity with Tailwind CSS and suitable for audio features.

35 components available. Showing all of them below.

- [AI Voice Input](https://21st.dev/@kokonutd/components/ai-voice-input.md) — by Kokonut Baffier
- [Audio Chat](https://21st.dev/@jatin-yadav05/components/audio-chat.md) — by Jatin Yadav
- [IA Siri Chat](https://21st.dev/@botsnew354/components/ia-siri-chat.md) — by S.dev
- [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
- [Siri Wave](https://21st.dev/@40973894/components/siri-wave/fluid-dots.md) — by 40973894
- [Chat Bubble](https://21st.dev/@kavikatiyar/components/chat-bubble.md) — by Kavi Katiyar
- [Voice Dictator](https://21st.dev/@uicapsule/components/voice-dictator.md) — by UI Capsule
- [AI prompt Box](https://21st.dev/@easemize/components/ai-prompt-box.md) — by Hossain Jahed
- [Chatgpt Prompt Input](https://21st.dev/@easemize/components/chatgpt-prompt-input.md) — by Hossain Jahed
- [Input](https://21st.dev/@originui/components/input/search-input-with-loader.md) — by Origin UI
- [Glowing AI Chat Assistant](https://21st.dev/@muhammad-binsalman/components/glowing-ai-chat-assistant.md) — by M.bin Salman
- [AI Chat Input](https://21st.dev/@preetsuthar17/components/ai-chat-input.md) — by Preet Suthar
- [Voice Powered Orb](https://21st.dev/@isaiahbjork/components/voice-powered-orb.md) — by Isaiah
- [AI Input](https://21st.dev/@kokonutd/components/ai-input.md) — by Kokonut Baffier
- [Siri Wave](https://21st.dev/@40973894/components/siri-wave.md) — by 40973894
- [Ruixen Query Box](https://21st.dev/@ruixen.ui/components/ruixen-query-box.md) — by Ruixen UI
- [Orb](https://21st.dev/@ElevenLabs-crawled/components/orb.md) — by ElevenLabs
- [AI Prompt Box](https://21st.dev/@johuniq/components/ai-prompt-box.md) — by johuniq
- [Field Components](https://21st.dev/@anubra266/components/field-components/loader-input.md) — by Abraham
- [Voice Message Bubble](https://21st.dev/@ruixen.ui/components/voice-message-bubble.md) — by Ruixen UI
- [Promt Input with Actions](https://21st.dev/@ibelick/components/promt-input-with-actions.md) — by Julien Thibeaut
- [Bar Visualizer](https://21st.dev/@ElevenLabs-crawled/components/bar-visualizer.md) — by ElevenLabs
- [AI Chat Input Block](https://21st.dev/@preetsuthar17/components/ai-chat-input-block.md) — by Preet Suthar
- [Voice Testimonial](https://21st.dev/@ayushmxxn_c278bc2d/components/voice-testimonial.md) — by Ayushmaan Singh
- [Agent Dock](https://21st.dev/@dqnamo/components/agent-dock.md) — by dqnamo
- [Voice Picker](https://21st.dev/@ElevenLabs-crawled/components/voice-picker.md) — by ElevenLabs
- [Audio Show Creator](https://21st.dev/@lavikatiyar/components/audio-show-creator.md) — by Lavi Katiyar
- [Live Waveform](https://21st.dev/@ElevenLabs-crawled/components/live-waveform.md) — by ElevenLabs
- [Apple Emoji Picker](https://21st.dev/@pulseawan/components/apple-emoji-picker.md) — by Muhammad Asif
- [Aurora voice Hero](https://21st.dev/@dhileepkumargm/components/aurora-voice-hero.md) — by Dhileep Kumar GM
- [Voice Button](https://21st.dev/@ElevenLabs-crawled/components/voice-button.md) — by ElevenLabs
- [Conversation Bar](https://21st.dev/@ElevenLabs-crawled/components/conversation-bar.md) — by ElevenLabs
- [Visualizer Button](https://21st.dev/@ruixen.ui/components/visualizer-button.md) — by Ruixen UI
- [Search Interface](https://21st.dev/@avanishverma4/components/search-interface.md) — by Awanish Verma

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