LiveKit docs › Get Started › Introduction

---

# Agent Frontends

> Build a custom web or mobile frontend for your LiveKit Agent.

## Overview

LiveKit provides open-source SDKs and UI components for all major web and mobile platforms. Use these tools to build a custom frontend for your voice or video agent.

Your frontend connects to your agent using [WebRTC](https://docs.livekit.io/transport.md), which is the gold standard for reliable realtime media and data even in challenging network environments. The LiveKit SDKs make it easy to use cameras, microphones, and more to build any kind of realtime frontend you need.

## Get started

LiveKit has high-quality starter apps for all major web and mobile platforms, which are the easiest way to get started with a custom voice agent frontend. If you prefer, you can also follow the quickstart guide for React.

- **[Starter apps](https://docs.livekit.io/frontends/start/starter-apps.md)**: Open-source starter apps for React, SwiftUI, Android, Flutter, React Native, and web embed.

- **[React voice AI quickstart](https://docs.livekit.io/frontends/start/react-quickstart.md)**: Build a voice AI frontend with React in less than 10 minutes.

## Building frontends

Learn the core concepts for building a production-ready agent frontend.

- **[Session management](https://docs.livekit.io/frontends/build/sessions.md)**: Use Session APIs to manage room connections and agent lifecycle automatically.

- **[Authentication](https://docs.livekit.io/frontends/build/authentication.md)**: Generate and manage JWT tokens for connecting your frontend to LiveKit.

- **[Agent state](https://docs.livekit.io/frontends/build/agent-state.md)**: Track and respond to agent state changes in your frontend.

- **[Realtime media and data](https://docs.livekit.io/frontends/build/media-data.md)**: Work with audio, video, text streams, and data in your agent frontend.

- **[Virtual avatars](https://docs.livekit.io/frontends/build/virtual-avatars.md)**: Give your agent a visual presence with a virtual avatar.

## UI components

Pre-built component libraries for popular frontend frameworks that handle session management, media controls, audio visualization, and chat.

- **[UI components](https://docs.livekit.io/frontends/agents-ui.md)**: Learn about the available component libraries for React, Swift, Android, and Flutter.

## Reference

Complete SDK documentation, API references, and advanced topics.

- **[LiveKit SDKs](https://docs.livekit.io/reference.md#livekit-sdks)**: Complete documentation for all LiveKit client SDKs.

- **[UI component SDKs](https://docs.livekit.io/reference.md#ui-components)**: API references and examples for React, Swift, Android, and Flutter components.

- **[Tokens & grants](https://docs.livekit.io/frontends/reference/tokens-grants.md)**: Reference documentation for access tokens, grants, and permissions.

---

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

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