Shadcn.io is not affiliated with official shadcn/ui
React AI Mic Selector
React AI microphone selector component for choosing audio input devices
Mic Selector preview
Let users pick their microphone before recording. This popover-based selector lists available audio input devices from the browser's MediaDevices API. Requests permission on open, updates when devices change (plug/unplug), and shows device names with hardware IDs stripped for cleaner display. Essential for voice AI apps with multiple input sources.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this AI component for you — no copy-paste, no CLI:
use shadcnio to install the mic-selector AI component into my projectRelated Components
React AI Speech Input
Voice recording button
React AI Voice Selector
TTS voice selection
React AI Transcription
Speech transcript display
React AI Audio Player
Audio playback controls
React AI Message
Chat message bubbles
React AI Composer
Message composition
FAQ
Was this page helpful?
Sign in to leave feedback.