Introducing ElevenLabs UI: Open-source audio & agent components for the web

ElevenLabs UI is a new open source library of customizable React components for building interfaces with the ElevenLabs Agents & Audio SDKs.

Built on shadcn/ui, it provides full control over UI primitives like waveforms, orbs, messages & more.

Examples

transcriber-01 - An open-source voice dictation component you can drop into any web app:

voice-chat-03 - a rich multimodal chat interface with state management built in. Pass your Elevenlabs Agent ID as a prop and ship it:

Getting started

Components are available via the @elevenlabs/agents-cli command.

pnpm dlx @elevenlabs/agents-cli@latest components add <component>

For example, to install the Orb component, you can run:

pnpm dlx @elevenlabs/agents-cli@latest components add orb

Read the docs and start building better agent & audio interfaces, faster.