@liveblocks/react-ui/README.md

A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.

<p align="center">
  <a href="https://liveblocks.io#gh-light-mode-only">
    <img src="https://raw.githubusercontent.com/liveblocks/liveblocks/main/.github/assets/header-light.svg" alt="Liveblocks" />
  </a>
  <a href="https://liveblocks.io#gh-dark-mode-only">
    <img src="https://raw.githubusercontent.com/liveblocks/liveblocks/main/.github/assets/header-dark.svg" alt="Liveblocks" />
  </a>
</p>

# `@liveblocks/react-ui`

<p>
  <a href="https://npmjs.org/package/@liveblocks/react-ui">
    <img src="https://img.shields.io/npm/v/@liveblocks/react-ui?style=flat&label=npm&color=c33" alt="NPM" />
  </a>
  <a href="https://bundlephobia.com/package/@liveblocks/react-ui">
    <img src="https://img.shields.io/bundlephobia/minzip/@liveblocks/react-ui?style=flat&label=size&color=09f" alt="Size" />
  </a>
  <a href="https://github.com/liveblocks/liveblocks/blob/main/LICENSE">
    <img src="https://img.shields.io/github/license/liveblocks/liveblocks?style=flat&label=license&color=f80" alt="License" />
  </a>
</p>

`@liveblocks/react-ui` provides [React](https://reactjs.org/) pre-built
components for the [Liveblocks](https://liveblocks.io/) products.

## Installation

```
npm install @liveblocks/client @liveblocks/react @liveblocks/react-ui
```

## Documentation

Read the
[documentation](https://liveblocks.io/docs/api-reference/liveblocks-react-ui)
for guides and API references.

## Examples

Explore our [collaborative examples](https://liveblocks.io/examples) to help you
get started.

> All examples are open-source and live in this repository, within
> [`/examples`](../../examples).

## Releases

See the [latest changes](https://github.com/liveblocks/liveblocks/releases) or
learn more about
[upcoming releases](https://github.com/liveblocks/liveblocks/milestones).

## Community

- [Discord](https://liveblocks.io/discord) - To get involved with the Liveblocks
  community, ask questions and share tips.
- [X](https://x.com/liveblocks) - To receive updates, announcements, blog posts,
  and general Liveblocks tips.

## License

Licensed under the Apache License 2.0, Copyright © 2021-present
[Liveblocks](https://liveblocks.io).

See [LICENSE](../../LICENSE) for more information.