AI Voice Elements
Vercel just shipped six new AI voice components. Builders can now drop voice agents into production without reinventing the wheel.
Why it matters
Vercel is lowering the friction for developers to build voice-native AI applications by open-sourcing reusable UI components (Persona, SpeechInput, Transcription, AudioPlayer, MicSelector, VoiceSelector). This accelerates the shift from text-first to voice-first AI apps and reduces go-to-market time for startups building conversational interfaces.
The key facts
7 to knowSix new AI voice components released: Persona, SpeechInput, Transcription, AudioPlayer, MicSelector, VoiceSelector
Persona uses Rive WebGL2 for smooth animations across idle, listening, thinking, speaking, asleep states
SpeechInput supports Web Speech API (Chrome, Edge) with fallback to MediaRecorder + external transcription (Firefox, Safari)
Transcription component features synchronized playback with click-to-seek navigation
VoiceSelector supports metadata filtering (gender, accent, age) and grouping
Built on shadcn/ui and media-chrome for composable architecture
Targets voice agents, transcription services, and natural language applications
Go to the source
Vercel Blogvercel.com
Publisher excerpt: Today we're releasing a brand new set of components for AI Elements designed to work with the and functions of the AI SDK, helping you build the next generation of voice agents, transcription services and apps powered by natural language.TranscriptionSpeech The component displays an animated AI…