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 visual that responds to different conversational states. Built with Rive WebGL2, it provides smooth, high-performance animations for various AI interaction states including idle, listening, thinking, speaking, and asleep. The component supports multiple visual variants to match different design aesthetics.Persona The component provides an easy-to-use interface for capturing voice input in your application.

It uses the Web Speech API for real-time transcription in supported browsers (Chrome, Edge), and falls back to MediaRecorder with an external transcription service for browsers that don't support Web Speech API (Firefox, Safari).SpeechInput The component provides a flexible render props interface for displaying audio transcripts with synchronized playback. It automatically highlights the current segment based on playback time and supports click-to-seek functionality for interactive…