http://localhost:3000
Overview
LiveKit provides prebuilt UI components for React, Shadcn, SwiftUI, Android, and Flutter to simplify frontend development for AI agent apps. These components abstract away complexity by managing state synchronization, track rendering, and room interactions, allowing developers to focus on building agent features rather than infrastructure.
Note
This section provides an overview of UI components for agent frontends. For complete component documentation, API references, and usage examples, see the UI Components section in Reference.
Component libraries
LiveKit offers UI component libraries for popular frontend frameworks:
| Framework | Description | Use cases |
|---|---|---|
| Agents UI | The fastest way to build web based, multi-modal, agentic experiences with LiveKit's platform primitives. | React web application featuring voice and avatar powered AI assistants built with Shadcn. |
| React components | Low-level React components abd hooks for building realtime audio and video applications with LiveKit's platform primitives. | React web applications featuring video conferencing, and realtime collaboration interfaces. |
| Swift components | SwiftUI components for iOS, macOS, visionOS, and tvOS applications with native platform integration. | Native iOS apps, macOS desktop applications, and Apple platform video conferencing experiences. |
| Android components | Jetpack Compose components for Android applications with Material Design integration. | Native Android apps, mobile video conferencing, and Android-based realtime communication. |
| Flutter components | Flutter widgets for cross-platform mobile and desktop applications. | Cross-platform mobile apps, desktop applications, and multi-platform realtime experiences. |
In this section
For detailed component documentation, API references, and usage examples, see the UI components reference section.