Skip to main content
@repo/collaboration adds live cursors, avatar stacks, and presence indicators to your app. It wraps Liveblocks.

​
Usage

import { LiveCursors, AvatarStack, usePresence } from "@repo/collaboration";
import { CollaborationProvider } from "@repo/collaboration";

// Wrap collaborative pages with the provider
<CollaborationProvider roomId="document-123">
  <AvatarStack users={others} />
  <LiveCursors />
</CollaborationProvider>

​
Environment Variables

See Environment Variables — Collaboration.

​
Learn More