HomeBookmarks
agents-uiagents-ui
agents-ui

agents-ui

LIby livekit
2components14views

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

Auto-indexed

agents-ui contents

  • Agent Audio Visualizer BarAgent Audio Visualizer Bar

    Agent Audio Visualizer Bar

  • ConversationConversation

    Conversation

  • That's all 2 components

    About agents-ui

    agents-ui publishes a shadcn registry at livekit.com, with 16 components installable through the shadcn CLI.

    Components
    16
    GitHub stars
    22,102
    Last commit
    Nov 7, 2026
    Repository
    livekit/livekit

    Also in the agents-ui registry

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

    • Agent Audio Visualizer Aura

      agent-audio-visualizer-aura

      An aura visualizer for audio tracks.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.0, class-variance-authority2 files
    • Agent Audio Visualizer Grid

      agent-audio-visualizer-grid

      A grid visualizer for audio tracks.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.0, class-variance-authority2 files
    • Agent Audio Visualizer Radial

      agent-audio-visualizer-radial

      A radial bar visualizer for audio tracks.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.0, class-variance-authority2 files
    • Agent Audio Visualizer Wave

      agent-audio-visualizer-wave

      A wave visualizer for audio tracks.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.0, class-variance-authority2 files
    • Agent Chat Indicator

      agent-chat-indicator

      A component for indicating the agent's chat status with a blinking dot. Useful for indicating the agent is thinking before generating a response.

      motion, class-variance-authority1 file
    • Agent Chat Transcript

      agent-chat-transcript

      A component for displaying the agent session's chat transcript.

      @livekit/components-react@^2.0.0, streamdown1 file
    • Agent Control Bar

      agent-control-bar

      A control bar for managing media tracks (microphone, camera, screen share), disconnecting the agent session, and opening the chat input, with appropriate icons and loading states.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.0, class-variance-authority, motion2 files
    • Agent Disconnect Button

      agent-disconnect-button

      A button for disconnecting the agent session.

      @livekit/components-react@^2.0.0, class-variance-authority, lucide-react1 file
    • agent-popup-01

      utils, button
    • Agent Session Provider

      agent-session-provider

      A component for providing an agent's session context and ensuring remote participants’ audio tracks (microphones and screen share) are audible.

      @livekit/components-react@^2.0.01 file
    • Agent Session View

      agent-session-view-01

      A full-screen agent session block with transcript, controls, and I/O media tiles.

      @livekit/components-react@^2.0.0, livekit-client@^2.0.0, motion4 files
    • Agent Track Control

      agent-track-control

      A control for managing media tracks (microphone, camera, screen share) with appropriate icons and loading states.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.0, class-variance-authority, lucide-react1 file
    • Agent Track Toggle

      agent-track-toggle

      A toggle button for controlling media tracks (microphone, camera, screen share) with appropriate icons and loading states.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.0, class-variance-authority, lucide-react1 file
    • React Shader Toy

      react-shader-toy

      A shadertoy-like shader renderer component for React.

      1 file
    • Start Audio Button

      start-audio-button

      A button for starting the agent session's audio track when the browser blocks audio playback.

      livekit-client@^2.0.0, @livekit/components-react@^2.0.01 file

    From the agents-ui readme

    <!--BEGIN_BANNER_IMAGE--> <!--END_BANNER_IMAGE-->

    LiveKit: Realtime infrastructure for voice, video, and AI agents

    LiveKit is an open source platform for building voice, video, and physical AI agents. This repository is the LiveKit server: a scalable, distributed WebRTC SFU that moves realtime audio, video, and data between people, devices, and AI models. The SDKs, agents frameworks, and companion services are linked in the table at the bottom of this page.

    LiveKit's server is written in Go, using the awesome Pion WebRTC implementation.

    <!--BEGIN_AGENTS_INFO-->

    [!IMPORTANT] If you're building Voice AI, LiveKit Agents is the SDK for code-first realtime voice agents. STT, LLM, TTS, turn detection, expressive speech, keyterm accuracy, tool usage, and telephony all come bundled in the framework. It's available in both Python and Node.js.

    # agent.py
    from livekit import agents
    from livekit.agents import Agent, AgentServer, AgentSession, STTContextOptions, TurnHandlingOptions, inference
    
    server = AgentServer()
    
    
    @server.rtc_session(agent_name="my-agent")
    async def my_agent(ctx: agents.JobContext):
        session = AgentSession(
            stt=inference.STT(model="deepgram/nova-3", language="multi"),
            llm=inference.LLM(model="google/gemma-4-31b-it"),
            tts=inference.TTS(model="inworld/inworld-tts-2", voice="Ashley"),
            turn_handling=TurnHandlingOptions(turn_detection=inference.TurnDetector()),
            stt_context_options=STTContextOptions(keyterms=["LiveKit", "Acme Corp"]),
            expressive=True,
        )
        await session.start(room=ctx.room, agent=Agent(instructions="You are a helpful voice AI assistant."))
        await session.generate_reply(instructions="Greet the user and offer your assistance.")
    
    
    if __name__ == "__main__":
        agents.cli.run_app(server)
    

    Models come from LiveKit Inference with no per-provider API keys, and LiveKit Cloud handles deployment and observability. Visit the docs for more info at docs.livekit.io/agents.

    <!--END_AGENTS_INFO-->

    Used in production by

    LiveKit carries billions of calls a year for companies including Salesforce, Nvidia, Oracle, SAP, Deutsche Telekom, Spotify, Tinder, Coursera, Headspace, Skydio, Retell, Decagon, Cresta, and HeyGen. Read how Assort Health, Playback, and Polymath Robotics use it, or see more customers.

    Features

    • Scalable, distributed WebRTC SFU (Selective Forwarding Unit)
    • People, devices, and AI agents join the same room as participants, with agent dispatch to route agents in automatically or on demand
    • Modern, full-featured SDKs for web, mobile, desktop, embedded, and server
    • Built for production, supports JWT authentication
    • Robust networking and connectivity, UDP/TCP/TURN
    • Easy to deploy: single binary, Docker or Kubernetes
    • Advanced features including:
      • speaker detection
      • simulcast
      • selective subscription
      • moderation APIs
      • end-to-end encryption
      • SVC codecs (VP9, AV1)
      • data tracks for low-latency telemetry and teleoperation
      • telephony over SIP
      • webhooks
      • distributed and multi-region

    Documentation & Guides

    https://docs.livekit.io

    Working with a coding agent? Give it the LiveKit Docs MCP server, or start with the coding agents guide.

    Live Demos

    • Talk to a voice agent built with LiveKit Agents
    • LiveKit Meet (source)
    • Spatial Audio (source)
    • Livestreaming from OBS Studio (source)

    Install

    [!TIP] We recommend installing LiveKit CLI along with the server. It lets you access server APIs, create tokens, generate test traffic, and scaffold and deploy agents.

    The following will install LiveKit's media server:

    MacOS

    brew install livekit
    

    Linux

    curl -sSL https://get.livekit.io | bash
    

    Windows

    Download the latest release here

    Getting Started

    Starting LiveKit

    Start LiveKit in development mode by running livekit-server --dev. It'll use a placeholder API key/secret pair.

    API Key: devkey
    API Secret: secret
    

    To customize your setup for production, refer to our deployment docs

    Creating access token

    A user connecting to a LiveKit room requires an access token. Access tokens (JWT) encode the user's identity and the room permissions they've been granted. You can generate a token with our CLI:

    lk token create \
        --api-key devkey --api-secret secret \
        --join --room my-first-room --identity user1 \
        --valid-for 24h
    

    Test with example app

    Head over to our example app and enter a generated token to connect to your LiveKit server.

    Once connected, your video and audio are now being published to your new LiveKit instance!

    Simulating a test publisher

    lk room join \
        --url ws://localhost:7880 \
        --api-key devkey --api-secret secret \
        --identity bot-user1 \
        --publish-demo \
        my-first-room
    

    This command publishes a looped demo video to a room. Due to how the video clip was encoded (keyframes every 3s), there's a slight delay before the browser has sufficient data to begin rendering frames. This is an artifact of the simulation.

    Adding an agent

    Agents join rooms as participants, the same way a browser or a phone does. Follow the Voice AI quickstart to build one. An agent connects to a self-hosted server the same way it connects to LiveKit Cloud; when running without Cloud, use model plugins in place of LiveKit Inference.

    Deployment

    Use LiveKit Cloud

    LiveKit Cloud is the fastest and most reliable way to run LiveKit. It runs in 19+ regions with 99.99% uptime and adds agent hosting, model inference, telephony, and observability on top of the server. The Build plan is free, with no credit card required.

    Sign up for LiveKit Cloud.

    Self-host

    Read our deployment docs for more information. Official Docker images and Helm charts are available.

    Building from source

    Pre-requisites:

    • Go 1.26+ is installed
    • GOPATH/bin is in your PATH

    Then run

    git clone https://github.com/livekit/livekit
    cd livekit
    ./bootstrap.sh
    mage
    

    Contributing

    We welcome your contributions toward improving LiveKit! Please join us on Slack or in the Developer Community to discuss your ideas and/or PRs.

    License

    LiveKit server is licensed under Apache License v2.0.

    <!--BEGIN_REPO_NAV-->

    LiveKit Ecosystem

    Agents SDKsPython · Node.js LiveKit SDKsBrowser · Swift · Android · Flutter · React Native · Rust · Node.js · Python · Unity · Unity (WebGL) · ESP32 · C++ Starter AppsPython Agent · TypeScript Agent · React App · SwiftUI App · Android App · Flutter App · React Native App · Web Embed UI ComponentsReact · Android Compose · SwiftUI · Flutter Server APIsNode.js · Golang · Ruby · Java/Kotlin · Python · Rust · PHP (community) · .NET (community) ResourcesDocs · Docs MCP Server · CLI · LiveKit Cloud LiveKit Server OSSLiveKit server · Egress · Ingress · SIP CommunityDeveloper Community · Slack · X · YouTube

    <!--END_REPO_NAV-->

    Read the rest on GitHub →

    What agents-ui builds on

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

    utils11button4toggle2bubble1marker1message1message-scroller1select1

    What agents-ui shipped recently

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

    • agent-popup-01addedSep 2, 2026

    Registries like agents-ui

    Prompt Kit

    Prompt Kit

    by Julien Thibeaut

    9

    components

    AI Elements

    AI Elements

    by Vercel

    10

    components

    ElevenLabs UI

    ElevenLabs UI

    by ElevenLabs

    7

    components

    Kokonut UI

    Kokonut UI

    by Kokonut UI

    60

    components

    simple-ai

    simple-ai

    by simple-ai

    8

    components

    Browse every shadcn registry we track →

    Agent Elements

    Agent Elements

    by 21st

    22

    components

    1. Components
    2. /
    3. livekit
    4. /
    5. agents-ui

    Related libraries

    Pasta UI

    Pasta UI

    by Syed Hasnain

    52

    components

    chatcn

    chatcn

    by Aaditya

    33

    components

    Agent Elements

    Agent Elements

    by 21st

    22

    components

    Jolly UI

    Jolly UI

    by James Shopland

    49

    components

    ShadcnSpace

    ShadcnSpace

    by ShadcnSpace

    189

    components

    SmoothUI

    SmoothUI

    by Edu Calvo

    96

    components

    About agents-ui

    agents-ui is a component library on 21st.dev by livekit with 2 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 2 agents-ui components

    • Agent Audio Visualizer Bar
    • Conversation

    Browse all component libraries →