Agents UI is a component library designed to expedite the development of agentic applications leveraging LiveKit's real-time platform. Built upon Shadcn and AI Elements, it offers pre-constructed user interface components for common functionalities required in agent-driven systems.

The library provides components for granular control over input/output (IO), comprehensive session management, rendering real-time conversation transcripts, and visualizing audio streams. Specific component functionalities include:

• Media controls: Components such as AgentControlBar, AgentTrackControl, AgentTrackToggle, AgentDisconnectButton, and StartAudioButton are included to provide users with direct control over microphone access, camera feeds, session disconnection, and browser audio playback.
• Audio visualizer: This category encompasses components like AgentAudioVisualizerBar, Grid, Radial, Wave, and Aura. These enable the creation of animated visual representations for voice agents, dynamically driven by audio data and the agent's current state.
• Chat components: Components such as AgentChatTranscript and AgentChatIndicator facilitate the display of real-time conversation transcripts, text messages, and typing indicators within the application.

Installation of Agents UI components is managed via the Shadcn CLI. The process involves first initializing Shadcn within a project using npx shadcn@latest init, followed by adding the Agents UI registry using npx shadcn@latest registry add @agents-ui. Individual components are then installed by specifying their names, for example, npx shadcn@latest add @agents-ui/{component-name}. Upon installation, the full source code for each component becomes available within the project's components/agents-ui directory, allowing for extensive customization.

A complete reference documentation for Agents UI components is available, and the open-source component code is hosted on GitHub. Beyond Agents UI, LiveKit also offers other component SDKs for various frameworks, though these are not agent-specific. These include low-level React components and hooks for real-time audio/video, SwiftUI components for iOS, macOS, visionOS, and tvOS, Jetpack Compose components for Android with Material Design, and Flutter widgets for cross-platform mobile and desktop applications.