LiveKit Agents UI

shadcn registry of voice-agent UI: visualizers, control bar, transcript

Tier A · StrongComponent LibraryRegistryPrimitivelivekit.io

(Visit livekit.io ↗)(Docs)(Repository)(Registry)

Agents UI is LiveKit's shadcn-registry component set for building voice and multimodal agent front-ends in React. It ships the pieces a realtime agent app actually needs: five audio visualizer styles (bar, radial, wave, aura, grid), a control bar with mic and screen-share toggles and a disconnect button, a chat transcript with a speaking indicator, an autoplay-unblocking start-audio button, and a full session view that wires them together. Components install individually with shadcn, so you own and edit the source. Requires React 19, Tailwind CSS 4 and an existing shadcn/ui setup.

Install

npx shadcn@latest add @agents-ui/agent-session-view-01

For an agent

Use this the moment a task involves a live voice agent - the audio visualizers and the autoplay-unblocking StartAudioButton are the two things people get wrong when hand-rolling, and this solves both. Prefer it over a generic chat kit (assistant-ui, ai-elements) when audio tracks are in play, and combine the two when the app needs both a text thread and a voice session. Register `@agents-ui` in components.json first, and check the project is on React 19 + Tailwind 4 before installing, or the registry files will not compile.

Why it is here. The reference implementation for voice-agent interfaces from the company that runs the transport layer, and Apache-2.0 shadcn source you own rather than a black-box widget.

Install command, framework, licence and component list.

Facts

License: Apache 2.0
Pricing: Open source, Free
Framework: React, Next.js
Styling: Tailwind CSS v4, CSS custom properties
Distribution: shadcn registry, CLI installer, GitHub repository, Copy-paste snippet
Platform: Web
Content type: Code
Agent readiness: Machine-readable registry item, CLI installable, Readable open source, Structured documentation, Copy-paste ready code
Accessibility: Built on accessible primitives, Keyboard navigable
Maturity: Actively maintained
GitHub stars: 458

Components it ships

13 total

Waveform Conversation Message Transcript Typing Indicator Speech Input Voice Output Toolbar Toggle Button Button Status Indicator

Helps you build

AI Chat Panel Chat Web App Agent Settings Camera Capture

Notable for

five audio visualizer styles
shadcn registry, source you own
Apache-2.0
session view wires the pieces together
React 19 + Tailwind 4

Provenance

Verified 2026-08-15. HTTP 200. https://livekit.io/ui (308 -> https://livekit.com/ui, component list and install command read there), https://github.com/livekit/components-js and .../tree/main/packages/shadcn (stars, Apache-2.0, registry config, full component names). docs.livekit.io failed DNS resolution from this host on two attempts

Also in AI Interface Kits

livekit.ioTier A