Make your Lexical editor collaborative in minutes

Liveblocks enables you to add realtime syncing and multiplayer features to your Lexical editor with our realtime data store designed for collaborative text editors.

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 { liveblocksConfig, LiveblocksPlugin, FloatingToolbar, FloatingThreads, FloatingComposer } from "@liveblocks/react-lexical";import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";import { ContentEditable } from "@lexical/react/LexicalContentEditable";import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";import { LexicalComposer } from "@lexical/react/LexicalComposer";import { useThreads } from "@liveblocks/react";
export function Editor() {  const { threads } = useThreads();
  const initialConfig = liveblocksConfig({    namespace: "Demo",  });
  return (    <LexicalComposer initialConfig={initialConfig}>      <RichTextPlugin        contentEditable={<ContentEditable />}      />      <LiveblocksPlugin>        <FloatingToolbar />        <FloatingThreads threads={threads} />        <FloatingComposer threads={threads} />      </LiveblocksPlugin>    </LexicalComposer>  );}

Turn your product into the space where people and AI collaborate

Get started for free
Contact sales