Image Courtesy: ElevenLabs
ElevenLabs has announced the release of ElevenLabs UI, an open-source React component library designed to help developers build multimodal agent interfaces — including voice, audio, and AI-driven chat experiences — faster than ever.
The new toolkit gives developers full control over essential interface primitives such as waveforms, orbs, messages, and chat layouts, making it easier to build production-ready apps powered by ElevenLabs Agents and the Audio SDK.
A New Standard for AI & Audio Interfaces
Built on the popular shadcn/ui framework, ElevenLabs UI combines flexibility and simplicity. It enables developers to focus on user experience while leveraging the visual and interaction components optimized for voice and agent-based applications.
Louis Jordan from the ElevenLabs engineering team summarized the release:
“ElevenLabs UI is designed to help teams ship multimodal agent interfaces faster, with ready-to-use components that integrate seamlessly with our SDKs.”
Examples of What You Can Build
ElevenLabs UI includes prebuilt open-source components such as:
transcriber-01 — A plug-and-play voice dictation component that turns speech into text inside any web app.
voice-chat-03 — A multimodal chat interface with built-in state management. Developers can easily pass their ElevenLabs Agent ID as a prop and deploy it instantly.
These components are customizable, making it easy to tailor the look and feel for different apps — from AI assistants to voice-enabled dashboards.
Getting Started
Developers can install and use components directly via the @elevenlabs/agents-cli command-line tool.
Example command to add a component:
pnpm dlx @elevenlabs/agents-cli@latest components add <component>To install the Orb component, for instance:
pnpm dlx @elevenlabs/agents-cli@latest components add orbFull documentation and component details are available on the project’s GitHub repository.
?? Get Started: GitHub – ElevenLabs UI
Join the conversation! Your thoughts help the community grow.