LiveKit docs › Framework › Overview

---

# Agents UI overview

> Agents UI is the fastest way to build multi-modal, agentic experiences on top of LiveKit's platform primitives.

Agents UI is a component library built on top of [shadcn/ui](https://ui.shadcn.com/) and [AI Elements](https://ai-sdk.dev/elements) to accelerate the creation of agentic applications built with LiveKit's real-time platform. It provides pre-built components for controlling IO, managing sessions, rendering transcripts, visualizing audio streams, and more.

- **[Unicorn Studio](https://www.unicorn.studio/)**: The AgentAudioVisualizerAura component was designed in partnership with Unicorn Studio

## Getting started

Learn about prerequisites, installation, and usage of the Agents UI components to build your own agentic frontends with LiveKit.

- **[Agents UI overview](https://docs.livekit.io/frontends/agents-ui.md)**: The fastest way to build web-based, multi-modal, agentic experiences on top of LiveKit's platform primitives

## Components

### Media controls

- [AgentControlBar](https://docs.livekit.io/reference/components/agents-ui/component/agent-control-bar.md)
- [AgentTrackControl](https://docs.livekit.io/reference/components/agents-ui/component/agent-track-control.md)
- [AgentTrackToggle](https://docs.livekit.io/reference/components/agents-ui/component/agent-track-toggle.md)

### Audio visualizers

- [AgentAudioVisualizerBar](https://docs.livekit.io/reference/components/agents-ui/component/agent-audio-visualizer-bar.md)
- [AgentAudioVisualizerGrid](https://docs.livekit.io/reference/components/agents-ui/component/agent-audio-visualizer-grid.md)
- [AgentAudioVisualizerRadial](https://docs.livekit.io/reference/components/agents-ui/component/agent-audio-visualizer-radial.md)
- [AgentAudioVisualizerWave](https://docs.livekit.io/reference/components/agents-ui/component/agent-audio-visualizer-wave.md)
- [AgentAudioVisualizerAura](https://docs.livekit.io/reference/components/agents-ui/component/agent-audio-visualizer-aura.md)

### Session management

- [AgentSessionProvider](https://docs.livekit.io/reference/components/agents-ui/component/agent-session-provider.md)
- [AgentDisconnectButton](https://docs.livekit.io/reference/components/agents-ui/component/agent-disconnect-button.md)
- [StartAudioButton](https://docs.livekit.io/reference/components/agents-ui/component/start-audio-button.md)

### Chat components

- [AgentChatTranscript](https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-transcript.md)
- [AgentChatIndicator](https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-indicator.md)

### Misc components

- [ReactShaderToy](https://docs.livekit.io/reference/components/agents-ui/component/react-shader-toy.md)

## Source code

- **[GitHub repository](https://github.com/livekit/components-js/tree/main/packages/shadcn)**: React source code for the Agents UI Shadcn components.

---

This document was rendered at 2026-06-07T11:32:18.200Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/agents-ui.md](https://docs.livekit.io/reference/components/agents-ui.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).