Tiptap

Package

Headless rich text editor framework for React, Vue and plain JavaScript

Price: Free, open source; paid cloud plans
Access: None for the open-source editor

About

Headless, extensible rich text editor framework on ProseMirror, with 100+ extensions for React, Vue, Svelte and plain JavaScript. The editor is MIT and free; Tiptap Cloud adds paid real-time collaboration, comments, AI editing and DOCX or PDF conversion, from $49/month billed yearly.

What you can do with it

Add a Notion-style rich text editor to a React or Vue app
Build WYSIWYG comment and post fields with bold, lists, links and mentions
Add real-time collaboration, comments and DOCX export with Tiptap Cloud

Get started

Run npm install @tiptap/core @tiptap/pm @tiptap/starter-kit
Create an Editor with StarterKit on a DOM element

Example

import { Editor } from "@tiptap/core";
import StarterKit from "@tiptap/starter-kit";

const editor = new Editor({
  element: document.querySelector("#editor"),
  extensions: [StarterKit],
  content: "<p>Hello World!</p>",
});
console.log(editor.getHTML());

Details

Hosting: Runs locally, Hosted service
Available in: Worldwide
Official SDKs: JavaScript/TypeScript
MCP server: None