ElevenLabs UI

Overview

ElevenLabs UI is an MIT-licensed component library and custom registry built on top of shadcn/ui for building audio and agentic applications. It provides React components for orbs, waveforms, voice agents, audio players, transcription and conversation interfaces, alongside a full set of standard shadcn/ui primitives.

Components are added to a Next.js project with the ElevenLabs CLI or the standard shadcn CLI, either one at a time or all at once. The project requires Node.js 18 or later, an initialized shadcn/ui setup and Tailwind CSS. The source now lives in the elevenlabs/ui GitHub repository.

Features

• Orb: An animated agent orb for visualizing agent states.
• Waveforms and visualizers: Waveform, live waveform and bar visualizer components for audio.
• Audio player: Player with a scrub bar for playback control.
• Voice input: Voice button, speech input, mic selector and voice picker.
• Conversation UI: Conversation, conversation bar, message, response, shimmering text and transcript viewer.
• Blocks: Examples including voice chat, voice forms, voice navigation, transcribers, realtime transcriber, speaker and music players.

Tech stack

• Next.js 16, React 19, Tailwind CSS v4, shadcn/ui
• @elevenlabs/react

Getting started

npx @elevenlabs/cli@latest components add all