Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
A complete voice AI frontend app for LiveKit Agents with Next.js
| Date | Stars |
|---|---|
| 2026-07-31 | 906 |
| 2026-08-06 | 913 |
Today
+7 stars today
This week
— stars this week
This month
— stars this month
Momentum
28.0
growth rate 0.00%/day
# Agent Starter for React This is a starter template for [LiveKit Agents](https://docs.livekit.io/agents) that provides a simple voice interface using [Agents UI](https://livekit.io/ui) components and [LiveKit JavaScript SDK](https://github.com/livekit/client-sdk-js). It supports [voice](https://docs.livekit.io/agents/start/voice-ai), [transcriptions](https://docs.livekit.io/agents/build/text/), and [virtual avatars](https://docs.livekit.io/agents/integrations/avatar). Also available for: [Android](https://github.com/livekit-examples/agent-starter-android) • [Flutter](https://github.com/livekit-examples/agent-starter-flutter) • [Swift](https://github.com/livekit-examples/agent-starter-swift) • [React Native](https://github.com/livekit-examples/agent-starter-react-native) <picture> <source srcset="./.github/assets/readme-hero-dark.webp" media="(prefers-color-scheme: dark)"> <source srcset="./.github/assets/readme-hero-light.webp" media="(prefers-color-scheme: light)"> <img src="./.github/assets/readme-hero-light.webp" alt="App screenshot"> </picture> ### Features: - Real-time voice interaction with LiveKit Agents - Camera video streaming support - Screen sharing capabilities - Multiple audio visualizer styles (`bar`, `grid`, `radial`, `wave`, `aura`) - Virtual avatar integration - Light/dark theme switching with system preference detection - Customizable branding, colors, and UI text via configuration This template is built with Next.js and is free for you to use or modify as you see fit. ### Project structure This starter uses the [Agents UI](https://livekit.io/ui) components for core UI elements like media controls, audio visualizers, chat transcripts, and providing session data. Shadcn installs components into `components/` folder so you can customize them like any other local component. ``` agent-starter-react/ ├── app/ │ ├── api/ ├── components/ │ ├── agents-ui/ - Agents UI components │ ├── app/ - App-specific components │ ├── ui/ - Primitive shadcn/ui components ├── fonts/ ├── hooks/ ├── lib/ ├── public/ └── package.json ``` Business logic lives within the `components/app` folder. It's here where the application's state and behavior is managed and the various Shadcn UI components are composed together. | File | Description | | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | | `session-view.tsx` | Initializes the application, and LiveKit session. Renders the view controller and session UI including chat transcript, media tiles, and control bar. | | `view-controller.tsx` | Manages the transitions between the welcome and session views based on the LiveKit session state. | | `welcome-view.tsx` | Renders the welcome UI when the LiveKit session is not connected. | | `chat-transcript.tsx` | Manages the chat transcript transitions. | | `tile-layout.tsx` | Manages the layout and transition of media tiles in various application states. | ### Component usage Most Agents UI components require access to a LiveKit session object for access to values like agent state or audio tracks. A Session object can be created from a [TokenSource](/reference/client-sdk-js/variables/TokenSource.html), and provided by wrapping the component in an [AgentSessionProvider](/reference/components/shadcn/component/agent-session-provider). See [`components/app/app.tsx`](./components/app/app.tsx) for an example
Excerpt of 8,673 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:6b8ae646193bd7a9, llm:description: 'A complete voice AI frontend app for LiveKit Agents with Next.js'; topics: 'sandbox'; language: TypeScript
matched fp:6b8ae646193bd7a9, llm:description: 'A complete voice AI frontend app for LiveKit Agents with Next.js'; topics: 'sandbox'; language: TypeScript
matched fp:6b8ae646193bd7a9, llm:description: 'A complete voice AI frontend app for LiveKit Agents with Next.js'; topics: 'sandbox'; language: TypeScript
