LiveKit docs › Components › VideoConference

---

# VideoConference

The `VideoConference` ready-made component is your drop-in solution for a classic video conferencing application. It provides functionality such as focusing on one participant, grid view with pagination to handle large numbers of participants, basic non-persistent chat, screen sharing, and more.

## Import

```typescript
import { VideoConference } from "@livekit/components-react";

```

## Remarks

The component is implemented with other LiveKit components like `FocusContextProvider`, `GridLayout`, `ControlBar`, `FocusLayoutContainer` and `FocusLayout`. You can use these components as a starting point for your own custom video conferencing application.

## Usage

```tsx
<LiveKitRoom>
  <VideoConference />
<LiveKitRoom>

```

## Properties

- **`chatMessageDecoder`** _(MessageDecoder)_ (optional): _(Optional)_

- **`chatMessageEncoder`** _(MessageEncoder)_ (optional): _(Optional)_

- **`chatMessageFormatter`** _(MessageFormatter)_ (optional): _(Optional)_

- **`SettingsComponent`** _(React.ComponentType)_ (optional): _(Optional)_

---

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

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