LiveKit Agents UI
shadcn registry of voice-agent UI: visualizers, control bar, transcript
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.
npx shadcn@latest add @agents-ui/agent-session-view-01Use 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.
- five audio visualizer styles
- shadcn registry, source you own
- Apache-2.0
- session view wires the pieces together
- React 19 + Tailwind 4
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
