← all repositories
elevenlabs/ui

shadcn/ui, but it speaks and listens

A component registry that gives Next.js apps voice-agent UI primitives—orb animations, waveforms, audio players—without reinventing the wheel.

2.3k stars TypeScript AgentsCoding AssistantsApp Builders
ui
Velocity · 7d
+8.1
★ / day
Trend
steady
star history

What it does ElevenLabs UI is a shadcn/ui-compatible registry of React components built for voice and agent interfaces. You install pieces à la carte—an orb, a waveform, an audio player—via their CLI or the standard shadcn CLI. It targets Next.js projects already running Tailwind CSS and Node 18+.

The interesting bit The registry model is the clever part: these aren’t opaque npm packages but shadcn-style copy-into-your-codebase components, meaning you own the styling and logic. ElevenLabs is essentially packaging domain-specific UI for its own ecosystem while piggybacking on a toolchain developers already know.

Key highlights

  • Components include orbs, waveforms, voice agents, and audio players
  • Install via npx @elevenlabs/cli@latest components add <name> or standard shadcn CLI against their registry URL
  • components add all bootstraps shadcn/ui if missing and pulls in everything
  • MIT licensed; contributions go through the registry in this repo

Caveats

  • Requires an existing shadcn/ui + Tailwind setup; not a drop-in for other stacks
  • The README is thin on actual component APIs or behavior details

Verdict Worth a look if you’re already building on ElevenLabs’ platform and want consistent, copyable UI primitives. Pass if you’re not in the Next.js/shadcn orbit or don’t need voice-specific chrome.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.