Skip to content
Sign up
BlogDeveloper

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

Authors
Smiling young man with short hair in a black polo shirt, black and white photo.
Louis Jordan, Engineering

ElevenLabs UI is a component library to help you build multimodal agents faster.

A bento grid of agent components powered by ElevenLabs
Get startedGithub

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.

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

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

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

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

Explore articles by the ElevenLabs team

Product
workflows

Introducing Agent Workflows

Workflows, our visual editor for designing complex conversation flows in agents platform, is now live.

ElevenLabs

Create with the highest quality AI Audio

Get started free

Already have an account? Log in