Skip to main content
Enable multiple users to edit the same document simultaneously with real-time collaboration powered by Yjs.

​
Choose your approach

No server to manage — get started in minutes.
ProviderBest ForPricing
LiveblocksQuick start, any frameworkFree tier available

​
Quick start

Get collaboration working in 5 minutes with Liveblocks: 
npm install @liveblocks/client @liveblocks/yjs yjs

import { createClient } from "@liveblocks/client";
import { LiveblocksYjsProvider } from "@liveblocks/yjs";
import * as Y from "yjs";
import { SuperDoc } from "superdoc";

const client = createClient({ publicApiKey: "pk_..." });
const { room } = client.enterRoom("my-document");
const ydoc = new Y.Doc();
const provider = new LiveblocksYjsProvider(room, ydoc);

provider.on("sync", (synced) => {
  if (!synced) return;

  new SuperDoc({
    selector: "#editor",
    user: { name: "John", email: "john@example.com" },
    modules: {
      collaboration: { ydoc, provider },
    },
  });
});
See the full quickstart guide for framework-specific examples (React, Vue, Vanilla JS). If you are also using the SDK for backend automation, see SDK collaboration sessions.