---
meta:
  title: "Text editor"
  parentTitle: "Multiplayer"
  description:
    "Transform your existing text editor into a collaborative one with realtime
    synchronization using our ready-made integrations."
---

Transform your existing text editor into a collaborative one that feels like
Google Docs or Notion. Our ready-made integrations with Tiptap, Blocknote, and
Lexical handle all the realtime synchronization and storage for you, so you can
focus on building your application.

## Features

Our text editor integrations go beyond multiplayer editing to provide a complete
collaborative experience:

- **Inline comments & annotations**: Let users highlight text and leave
  comments, creating discussion threads right in the document.
- **Mentions and notifications**: Tag team members to notify them about
  important changes or discussions.
- **Version history**: Track changes over time and restore previous versions
  when needed.
- **Multiplayer undo/redo**: Each user has their own undo stack, preventing
  conflicts when multiple people edit simultaneously.
- **AI capabilities** (Tiptap only): Enhance your editor with AI-powered
  features through our built-in AI toolbar.

## Overview

<ListGrid columns={2}>
  <DocsCard
    type="technology"
    title="Tiptap"
    href="/docs/ready-made-features/multiplayer-editing/text-editor/tiptap"
    description="Add collaboration to your Tiptap editor"
    visual={<DocsTiptapIcon className="fill-product-icon-brand h-auto w-6" />}
  />
  <DocsCard
    type="technology"
    title="Blocknote"
    href="/docs/ready-made-features/multiplayer-editing/text-editor/blocknote"
    description="Add collaboration to your Blocknote editor"
    visual={
      <DocsBlocknotejsIcon className="fill-product-icon-brand h-auto w-6" />
    }
  />
  <DocsCard
    type="technology"
    title="Lexical"
    href="/docs/ready-made-features/multiplayer-editing/text-editor/lexical"
    description="Add collaboration to your Lexical editor"
    visual={<DocsLexicalIcon className="fill-product-icon-brand h-auto w-6" />}
  />
</ListGrid>

## Examples using text editor integrations

<ListGrid columns={2}>
  <ExampleCard
    example={{
      title: "Collaborative text editor",
      slug: "collaborative-text-editor/lexical",
      image: "/images/examples/thumbnails/text-editor.jpg",
    }}
    technologies={["nextjs"]}
    openInNewWindow
  />
  <ExampleCard
    example={{
      title: "Advanced collaborative text editor",
      slug: "collaborative-text-editor-advanced/nextjs-tiptap-advanced",
      image: "/images/examples/thumbnails/text-editor-advanced.jpg",
    }}
    technologies={["nextjs"]}
    openInNewWindow
  />
  <ExampleCard
    example={{
      title: "Linear-like issue tracker",
      slug: "linear-like-issue-tracker",
      image: "/images/examples/thumbnails/linear-like-issue-tracker.jpg",
    }}
    technologies={["nextjs"]}
    openInNewWindow
  />
  <ExampleCard
    example={{
      title: "Notion-like AI editor",
      slug: "notion-like-ai-editor",
      image: "/images/examples/thumbnails/notion-like-ai-editor.png",
    }}
    technologies={["nextjs"]}
    openInNewWindow
  />
</ListGrid>

---

For an overview of all available documentation, see [/llms.txt](/llms.txt).