tiptap
Tiptap is a headless, framework-agnostic rich text editor built on top of ProseMirror. It ships no UI of its own, instead exposing a composable extension system that lets developers build fully custom editing experiences in React, Vue, or vanilla JavaScript.
Embed badge
[](https://opensources.dev/resource/tiptap)MITPermissive — free to use in commercial and proprietary software, with attribution.View license →
Production readiness
4/5- Actively maintainedCommits in the last 6 months
- No known vulnerabilitiesNot yet scanned
- Clear, usable licenseMIT (permissive)
- Proven adoptionWidely used
- Has documentationDocumentation indexed
npm install tiptapOur analysis
A headless rich text editor framework that wraps ProseMirror with a clean, extension-driven API and first-class TypeScript and framework bindings. Being headless, it provides editing behavior and document schema while leaving all visual styling and UI to the developer.
When to use tiptap
Use it when you need a customizable WYSIWYG or block editor inside your own design system, want fine-grained control over schema/extensions, or need collaborative editing (via Yjs/Hocuspocus) without fighting a pre-built UI. Strong choice for React/Vue apps building Notion-like or CMS-style editors.
When not to
Skip it if you just want a drop-in editor with a ready-made toolbar (CKEditor/TinyMCE are faster to ship), if you need a non-ProseMirror data model, or if you want to avoid the learning curve of ProseMirror's document/schema concepts. Some advanced features (AI, comments, versioning, conversion) sit behind paid Pro extensions.
Strengths
- Headless design gives full control over markup and styling
- Large ecosystem of 100+ official and community extensions
- Framework-agnostic with official React and Vue wrappers
- Solid foundation on the battle-tested ProseMirror library
- Strong TypeScript support and active maintenance
- MIT-licensed core with built-in collaboration support via Yjs/Hocuspocus
Trade-offs
- No default UI means more upfront work to build toolbars and menus
- Inherits ProseMirror's conceptual complexity (schemas, nodes, marks, transactions)
- Several premium capabilities (AI, versioning, commenting, conversion) require a paid Tiptap subscription
- Debugging deep ProseMirror behavior can be challenging for newcomers
- Open-core model can blur the line between free and paid features
Maturity
Very mature and widely adopted (37k+ stars), with an active company (ueberdosis) behind it, regular releases, commercial Pro/Cloud offerings funding development, and a healthy community ecosystem. Production-ready and used by many established products.
Tiptap Editor
The Tiptap Editor is a headless, framework-agnostic rich text editor that's customizable and extendable through extensions. Its headless nature means it comes without a set user interface, offering full design freedom (for a jumpstart, see linked UI templates below). Tiptap is based on the highly reliable ProseMirror library.
Tiptap Editor is complemented by the collaboration open-source backend Hocuspocus. Both the Editor and Hocuspocus form the foundation of the Tiptap Suite.
How does the Tiptap Editor work?
Headless Framework: Tiptap does not rely on a user interface. So there is no need for class overrides or code hacks. If you do need an example UI feel free to browse our UI templates linked below.
Framework-agnostic: The Tiptap Editor is designed to work across different frontend frameworks. This means whether you're using Vue, React, or plain JavaScript, Tiptap integrates without compatibility issues.
Extension based: Extensions in Tiptap allow for a tailored editing experience, from simple text styling to advanced features like drag-and-drop block editing. You have the option to choose from over 100 extensions available in the documentation and community to enhance your editor's functionality.
Customize your UX: The editor was built to give you control to define your own extensions and nodes.
Editor Pro Extensions
The Pro Extensions are a set of advanced functionalities that enhance the capabilities of the Tiptap Editor. They are additional features that can be integrated into the base editor to provide more sophisticated editing options.
Key functionalities include collaborative editing, commenting, versioning, document conversion and AI related features. Review the docs right here.
Pro Extensions need a valid subscription.
Make your editor collaborative
Interested in collaborative editing? Check out our open-source package Hocuspocus - a collaboration backend built around the CRDT power of Yjs. Hocuspocus serves as the backbone for the Tiptap Suite.
Documentation
For more detailed information, make sure to check out our documentation. If you encounter any problems or have suggestions for our system, please open an issue.
Examples, CodeSandbox and UI Templates
Have a look at the examples to see Tiptap in action or review and fork our codesandboxes.
React notion-like block editor template: Demo
About Tiptap
Tiptap is a collection of developer components based on open-source technology, forming the basis of our advanced, paid features. It includes the open-source editor component, collaboration features, Content AI, and Tiptap Cloud. We are developing open-source products that also shape our paid features. We're committed to improving both, ensuring quality and reliability in every update.
For more details, visit the Tiptap documentation or website.
Community
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
Sponsors 💖
iFixit, ApostropheCMS, Novadiscovery, Omics Data Automation, Flow Mobile, DocIQ and hundreds of awesome individuals.
Contributing
Feel like adding some magic of your own to Tiptap Editor Core? We welcome contributions! Please see our CONTRIBUTING guidelines for how to get started.
Contributors
Sam Willis, Brian Hung, Dirk Holtwick, Sam Duvall, Christoph Flathmann, Erick Wilder, Marius Tolzmann, jjangga0214, Maya Nedeljkovich, Ryan Bliss, Gregor and many more.
License
The MIT License (MIT). Please see License File for more information.