livekit-examples/agent-starter-react

A complete voice AI frontend app for LiveKit Agents with Next.js

What it solves

It provides a ready-to-use frontend starter template for developers building voice-based AI agents. It eliminates the need to build a complex real-time communication interface from scratch by providing pre-built UI components for voice interaction, video streaming, and virtual avatars.

How it works

Built with Next.js, the template uses the LiveKit JavaScript SDK and a specialized Agents UI component library. It connects to a LiveKit session to handle real-time audio and video streams, managing the state transitions between a welcome screen and an active agent session. Developers can customize the look and feel via a configuration file (app-config.ts) or by modifying the Shadcn-based components in the project directory.

Who it’s for

Frontend developers and AI engineers who want to quickly deploy a professional user interface for their LiveKit-powered voice AI agents.

Highlights

  • Real-time Interaction: Supports voice, transcriptions, and virtual avatars.
  • Cusomizable UI: Includes multiple audio visualizer styles (bar, grid, radial, wave, aura) and light/dark theme support.
  • Media Capabilities: Integrated support for camera video streaming and screen sharing.
  • Developer Friendly: Uses Next.js and Shadcn UI for easy component customization and updates.

Related

  • Project
    livekit/agents-js

    A Node.js framework for building real-time, multi-modal voice AI agents that can see, hear, and understand using a plugin-based architecture for STT, LLM, and TTS.

  • Project
    langchain-ai/langchain-nextjs-template

    A LangChain.js and Next.js starter template that provides a scaffold for building AI apps with streaming chat, structured output, and RAG capabilities.

  • Project
    livekit/agents

    A framework for building real-time, programmable multi-modal AI agents that can see, hear, and speak, featuring integrated job scheduling and telephony support.

  • Project
    livekit-examples/python-agents-examples

    A collection of runnable Python examples and full-stack applications for building voice, video, and telephony AI agents using the LiveKit Agents framework.

  • Project
    pipecat-ai/voice-ui-kit

    A React-based UI kit providing components and templates for quickly building and deploying user interfaces for Pipecat AI voice applications.