Overview
LiveKit provides prebuilt UI components for React, 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.
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 |
|---|---|---|
| React components | Prebuilt React components for building realtime audio and video apps with automatic state management and track rendering. | Web applications, React-based video conferencing apps, 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.