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.

Start today for free

Read the docs

Companies of all sizes and industries use Liveblocks

Text Editor -
Add a collaborative rich text editor to your product

Add all the table stakes collaborative rich text editing features to your product.

Start today 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} />    </>  );}

Add collaboration to your product today

Book a demo

Start today for free

Make your Tiptap editor collaborative in minutes

Text Editor - Add a collaborative rich text editor to your product

Add collaboration to your product today

Text Editor -
Add a collaborative rich text editor to your product