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 orb

Full documentation and component details are available on the project’s GitHub repository.

?? Get Started: GitHub – ElevenLabs UI