Make your Tiptap editor collaborative in minutes

Liveblocks enables you to add realtime syncing and multiplayer features to your Tiptap 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 { useLiveblocksExtension, FloatingToolbar, FloatingThreads, FloatingComposer } from "@liveblocks/react-tiptap";import { useEditor, EditorContent } from "@tiptap/react";import { useThreads } from "@liveblocks/react";import StarterKit from "@tiptap/starter-kit";
export function Editor() {  const liveblocks = useLiveblocksExtension();  const { threads } = useThreads();
  const editor = useEditor({    extensions: [      liveblocks,      StarterKit.configure({        history: false,      }),    ],  });
  return (    <>      <EditorContent editor={editor} />      <FloatingToolbar editor={editor} />      <FloatingThreads editor={editor} threads={threads} />      <FloatingComposer editor={editor} threads={threads} />    </>  );}

Turn your product into the space where people and AI collaborate

Get started for free
Contact sales