ElevenLabs UI

This is the correct first stop for any voice or audio interface in React — the Orb, Live Waveform, and Bar Visualizer are tuned to real microphone and TTS streams, not decorative loops, and rebuilding them is a genuine time sink. It is a full shadcn registry rather than an add-on: it re-exports the whole base set under its own namespace, so installing it into an existing shadcn project will overwrite your button and card unless you scope the install to the audio components only. Two practical notes: ui.elevenlabs.io returns 403 to non-browser clients, so pull component source from github.com/elevenlabs/ui at apps/www/registry/elevenlabs-ui/ui rather than fetching the registry JSON, and the components assume the ElevenLabs Agents or Audio SDK for their data, so budget for that integration and its API key.

Why it is here. A vendor shipping production-grade open-source UI for its own SDK is rare, and there is no comparable free library for voice-agent interfaces.

License

MIT

Pricing

Free, Open source

Framework

React, Next.js

Styling

Tailwind CSS v4, CSS custom properties

Distribution

shadcn registry, CLI installer, Copy-paste snippet, GitHub repository

Platform

Web

Content type

Code, Audio

Agent readiness

Machine-readable registry item, CLI installable, Copy-paste ready code, Readable open source, Blocks bots

Accessibility

Built on accessible primitives, Keyboard navigable, Known accessibility gaps

Maturity

Stable

GitHub stars

2,347

• voice-chat-01 · Full voice-chat surface wiring the Agents SDK to the orb and transcript components↗
• voice-chat-02 · Alternate voice-chat layout built around the conversation-bar component↗
• voice-chat-03 · Third voice-chat variant pairing live waveform with the message list↗
• realtime-transcriber-01 · Live speech-to-text surface with a language selector, demonstrating Scribe↗
• transcriber-01 · File-based transcription surface built on the transcript-viewer component↗
• voice-form-01 · Form filled by voice instead of typing↗
• voice-nav-01 · Voice-driven app navigation and command surface↗
• speaker-01 · Text-to-speech playback surface with a standalone speaker component↗
• music-player-01 · Music player layout built on the audio-player and scrub-bar components↗
• music-player-02 · Second music player layout with a different transport and artwork treatment↗
• pong-01 · Voice-controlled Pong game demonstrating low-latency audio input↗

• The Orb — the reference agent-state visualiser for voice apps
• Live Waveform and Bar Visualizer driven by real microphone input
• 11 complete blocks including voice forms and voice navigation
• First-party and MIT, maintained by ElevenLabs
• Site blocks non-browser clients; use the GitHub repo instead

Verified 2026-08-15. HTTP 403. https://github.com/elevenlabs/ui (README, install commands), gh api repos/elevenlabs/ui git tree recursive (62 registry ui components and 11 blocks enumerated from apps/www/registry/elevenlabs-ui/), gh api repos/elevenlabs/ui for stars, licence, last push, WebSearch for the repo location. ui.elevenlabs.io returned HTTP 403 on /docs and /docs/installation and HTTP 429 on /r/registry.json and /r/all.json, so nothing was read from the live site.

• AI Elements · Vercel's 47-component shadcn registry for chat, agent, voice and workflow UIsS
• assistant-ui · React chat primitives and shadcn-installable UI for LLM apps, copilots, and agentsS
• AIcss · 14 copy-paste AI-conversation UI components in React, Vue and Svelte, plain CSSA
• brainless · Claude Code, Codex and Grok terminal UIs as shadcn componentsA
• LiveKit Agents UI · shadcn registry of voice-agent UI: visualizers, control bar, transcriptA
• OpenUI · MIT generative-UI framework: streaming UI language, component library, chat shellA