Make your SuperDoc editor collaborative in minutes

Liveblocks enables you to add realtime syncing and multiplayer features to your .docx files with our realtime data store designed for collaborative document editing.

Get started for free
Read the docs
Companies of all sizes and industries use Liveblocks

Sync -
Add collaborative editing to your app, keeping humans and agents in sync

Liveblocks Sync is the sync engine for the agentic web—conflict-free collaborative editing for people and AI agents, with realtime presence, persistence, and ready-made integrations.

Get started for free
Learn more
import { useMemo } from "react";import { getYjsProviderForRoom } from "@liveblocks/yjs";import { useRoom, useSelf } from "@liveblocks/react/suspense";import { SuperDocEditor } from "@superdoc-dev/react";
export function Editor() {  const room = useRoom();  const yProvider = getYjsProviderForRoom(room);
  const userInfo = useSelf((me) => me.info);  const userId = useSelf((me) => me.id);
  const modules = useMemo(    () => ({      collaboration: { ydoc: yProvider.getYDoc(), provider: yProvider },    }),    [yProvider]  );
  return (    <SuperDocEditor      documentMode="editing"      user={{        email: userId,        name: userInfo?.name ?? "Anonymous",        image: userInfo?.avatar ?? undefined,      }}      modules={modules}      style={{ height: "100vh" }}    />  );}

Turn your product into the space where people and AI collaborate

Get started for free
Contact sales