# @livekit/components-react

Latest version **2.9.25** (published 2026-11-05) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @livekit/components-react
pnpm add @livekit/components-react
yarn add @livekit/components-react
bun add @livekit/components-react
```

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 2.9.25 |
| Published | 2026-11-05 |
| First published | 2022-10-07 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=18 |
| Dependencies | 5 |
| Unpacked size | 2.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 474 |
| Author | LiveKit |

## Links

- npm: https://www.npmjs.com/package/@livekit/components-react
- Repository: https://github.com/livekit/components-js
- npm.io page: https://npm.io/package/@livekit/components-react

## Dependencies (5)

- [clsx](https://npm.io/package/clsx.md) 2.1.1
- [jose](https://npm.io/package/jose.md) ^6.0.12
- [events](https://npm.io/package/events.md) ^3.3.0
- [usehooks-ts](https://npm.io/package/usehooks-ts.md) 3.1.1
- [@livekit/components-core](https://npm.io/package/@livekit/components-core.md) 0.12.16

## Recent versions

- 2.9.25 (latest) — 2026-11-05
- 0.0.0-rpc-prototype-20260325170031 (rpc-prototype) — 2026-03-25
- 0.0.0-agents-sdk-20251113151554 (agents-sdk) — 2025-11-13
- 2.9.24 — 2026-08-11
- 2.9.23 — 2026-07-09
- 2.9.21 — 2026-05-05
- 2.9.20 — 2026-02-19
- 2.9.19 — 2026-01-16
- 2.9.18 — 2026-01-15
- 2.9.17 — 2025-12-05
- 2.9.16 — 2025-11-14
- 0.0.0-agents-sdk-20251113071112 — 2025-11-13
- 0.0.0-20251021151641 — 2025-10-21
- 0.0.0-agents-sdk-20251010141536 — 2025-10-10
- 0.0.0-agents-sdk-20251009194721 — 2025-10-09
- … 134 more at https://npm.io/package/@livekit/components-react/versions

## README

# LiveKit Components **React**

A LiveKit Components implementation in [React](https://reactjs.org/).

<!--NAV_START-->

## Monorepo Navigation

- [Home](../../README.md)
- **Framework Implementations**:
  - [React 👈](../../packages/react/README.md)
- **Examples**
  - [Next.js](../../examples/nextjs/README.md)
- **Internal Packages**
  - [Core](../../packages/core/README.md)
  - [Styles](../../packages/styles/README.md)

<!--NAV_END-->

## Install

```bash
npm install @livekit/components-react
```

## Usage

```tsx
import { LiveKitRoom } from '@livekit/components-react';

<LiveKitRoom token="<livekit-token>" serverUrl="<url-to-livekit-server>" connect={true} />;
```

## Architecture Overview

![React specific implementation of LiveKit Components](./../../.github/assets/components-react-implementation.png)

---
_Source: https://npm.io/package/@livekit/components-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._