ueberdosis/tiptap

Tiptap is a headless rich text editor framework for the web. "Headless" means it provides all the editing logic, handling typing, formatting, cursor position, undo/redo, structured content, without bundling any visual interface of its own. You provide the look and feel, Tiptap provides the brains. This solves a recurring problem for web developers: most "what you see is what you get" (WYSIWYG) editors come with fixed styling and limited customization, making it hard to match your app's design or add unusual formatting behaviors. Tiptap is built on top of ProseMirror, a battle-tested, low-level document editing library. ProseMirror is powerful but complex to use directly, Tiptap wraps it in a more ergonomic API and an extension system so you can add or remove capabilities as needed. Over 100 first-party and community extensions exist, covering bold, italic, tables, images, code blocks, drag-and-drop block editing, mentions, and more. Because Tiptap is framework-agnostic, you can use it with React, Vue, or plain JavaScript. The document is internally represented as a structured tree (not raw HTML), which makes it reliable for saving, transforming, and rendering content. For real-time collaborative editing, multiple people writing in the same document simultaneously, Tiptap integrates with Hocuspocus, a companion open-source backend that uses CRDT (conflict-free replicated data type) technology via the Yjs library to merge edits without conflicts, similar to how Google Docs works. You would use Tiptap when building a document editor, note-taking app, CMS, or any interface where users need to write formatted content and the standard textarea is not enough. The tech stack is TypeScript, distributed as npm packages, with React and Vue adapters included.