HomeBookmarks
ElevenLabs UIElevenLabs UI
ElevenLabs UI

ElevenLabs UI

A component library and custom registry built on shadcn/ui for building multimodal AI agent interfaces faster.

ElevenLabsby ElevenLabs
7components91.2Kviews483bookmarks

Installs all 28 components. Without our CLI, run instead.

Auto-indexed

ElevenLabs UI contents

  • Waveform

    Waveform

  • Voice Picker

    Voice Picker

  • Shimmering Text

    Shimmering Text

  • Response

    Response

  • Live Waveform

    Live Waveform

  • Bar Visualizer

    Bar Visualizer

  • Audio Player

    Audio Player

  • That's all 7 components

    About ElevenLabs UI

    ElevenLabs UI publishes a shadcn registry at ui.elevenlabs.io, with 28 components installable through the shadcn CLI.

    Components
    28
    GitHub stars
    2,431
    Last commit
    Oct 16, 2026
    Repository
    elevenlabs/ui

    Also in the ElevenLabs UI registry

    Copy a prompt for your agent, copy the install command, or open the docs that ship it.

    • conversation

      button1 example
    • conversation-bar

      button, card, separator, textarea1 example
    • matrix

      1 example
    • message

      avatar1 example
    • mic-selector

      button, card, dropdown-menu1 example
    • music-player-01

      button, scroll-area
    • music-player-02

      card
    • pong-01

      card
    • realtime-transcriber-01

      badge, button, scroll-area
    • scrub-bar

      progress1 example
    • speaker-01

      button, card
    • speech-input

      button, skeleton1 example
    • transcriber-01

      button, card, scroll-area, separator
    • transcript-viewer

      button1 example
    • voice-button

      button1 example
    • voice-chat-01

      button, card, scroll-area
    • voice-chat-02

      button, card
    • voice-chat-03

      tooltip, card, button
    • voice-form-01

      button, card, form, input
    • voice-nav-01

      button, card

    From the ElevenLabs UI readme

    II ElevenLabs UI

    ElevenLabs UI is a component library built on top of shadcn/ui to help you build audio & agentic applications faster.

    Overview

    ElevenLabs UI provides pre-built, customizable React components specifically designed for agent & audio applications, including orbs, waveforms, voice agents, audio players, and more. The CLI makes it easy to add these components to your Next.js project.

    Installation

    You can use the ElevenLabs Agents CLI directly with npx, or install it globally:

    # Use directly (recommended)
    npx @elevenlabs/cli@latest components add 
    
    # Or using shadcn cli
    npx shadcn@latest add https://ui.elevenlabs.io/r/all.json
    

    Prerequisites

    Before using ElevenLabs UI, ensure your Next.js project meets these requirements:

    • Node.js 18 or later
    • shadcn/ui initialized in your project (npx shadcn@latest init)
    • Tailwind CSS configured

    Usage

    Install All Components

    Install all available ElevenLabs UI components at once:

    npx @elevenlabs/cli@latest components add all
    

    This command will:

    • Set up shadcn/ui if not already configured
    • Install all ElevenLabs UI components to your configured components directory
    • Add necessary dependencies to your project

    Install Specific Components

    Install individual components using the components add command:

    npx @elevenlabs/cli@latest components add 
    

    Examples:

    # Install the orb component
    npx @elevenlabs/cli@latest components add orb
    

    Alternative: Use with shadcn/ui CLI

    You can also install components using the standard shadcn/ui CLI:

    # Install all components
    npx shadcn@latest add https://ui.elevenlabs.io/r/all.json
    
    # Install a specific component
    npx shadcn@latest add https://ui.elevenlabs.io/r/orb.json
    

    All available components can be found here or explore a list of example components here.

    Contributing

    If you'd like to contribute to ElevenLabs UI, please follow these steps:

    1. Fork the repository
    2. Create a new branch
    3. Make your changes to the components in the registry.
    4. Open a PR to the main branch.

    Please read the contributing guide.

    License

    Licensed under the MIT license.

    Engineered by ElevenLabs.

    Read the rest on GitHub →

    What ElevenLabs UI builds on

    The packages and primitives its components pull in, counted across the registry.

    button22card13scroll-area5separator3badge2dropdown-menu2input2textarea2avatar1command1form1popover1

    Hooks and utilities

    • use-mobile
    • use-scribe
    • use-transcript-viewer

    What ElevenLabs UI shipped recently

    Every appearance and removal our crawl has seen in the registry index.

    • audio-playeraddedOct 16, 2026
    • audio-player-demoaddedOct 16, 2026
    • bar-visualizeraddedOct 16, 2026
    • bar-visualizer-demoaddedOct 16, 2026
    • conversationaddedOct 16, 2026
    • conversation-baraddedOct 16, 2026
    • conversation-bar-demoaddedOct 16, 2026
    • conversation-demoaddedOct 16, 2026
    • indexaddedOct 16, 2026
    • live-waveformaddedOct 16, 2026
    • live-waveform-demoaddedOct 16, 2026

    Registries like ElevenLabs UI

    Prompt Kit

    Prompt Kit

    by Julien Thibeaut

    9

    components

    AI Elements

    AI Elements

    by Vercel

    10

    components

    Kokonut UI

    Kokonut UI

    by Kokonut UI

    60

    components

    simple-ai

    simple-ai

    by simple-ai

    8

    components

    Agent Elements

    Agent Elements

    by 21st

    22

    components

    Browse every shadcn registry we track →

    matrix
    added
    Oct 16, 2026
  • matrix-demoaddedOct 16, 2026
  • messageaddedOct 16, 2026
  • message-demoaddedOct 16, 2026
  • mic-selectoraddedOct 16, 2026
  • mic-selector-demoaddedOct 16, 2026
  • music-player-01addedOct 16, 2026
  • music-player-02addedOct 16, 2026
  • orbaddedOct 16, 2026
  • Pace UI

    Pace UI

    by Pace UI

    12

    components

    1. Components
    2. /
    3. ElevenLabs
    4. /
    5. ElevenLabs UI

    Related libraries

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    Efferd

    Efferd

    by Efferd

    114

    components

    shadcn/ui

    shadcn/ui

    by shadcn

    87

    components

    Aceternity UI

    Aceternity UI

    by Manu Arora

    89

    components

    Tailark

    Tailark

    by Méschac Irung

    56

    components

    Dali Agents

    Dali Agents

    by Liana Pepanyan

    46

    components

    About ElevenLabs UI

    ElevenLabs UI is a component library on 21st.dev by ElevenLabs with 7 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 7 ElevenLabs UI components

    • Audio Player
    • Bar Visualizer
    • Live Waveform
    • Response
    • Shimmering Text
    • Voice Picker
    • Waveform

    Browse all component libraries →