Repolode
Submit
ueberdosis

ueberdosis/tiptap

A headless, framework-agnostic rich text editor built on ProseMirror, extensible through a large set of extensions.

Open-source alternative to:Notion

View on GitHubWebsite
Stars
38,793
Forks
3,171
Open issues
909
Last commit
10 hours ago

What is it?

Tiptap is a headless rich text editor. It ships without a user interface, so developers control the look and layout of the editor while the framework handles document state, formatting and editing behavior. It is built on the ProseMirror library and works with Vue, React and plain JavaScript.

Functionality is added through extensions, with over 100 available for features ranging from basic text styling to block-based editing with drag and drop. Developers can also define custom extensions and node types to fit their own content model.

The project is part of the wider Tiptap Suite, which pairs the editor with Hocuspocus, an open-source collaboration backend built on Yjs. Some advanced features such as collaboration, commenting and AI tools are offered as Pro Extensions that require a subscription.

Key features

  • 01Headless design with no built-in UI, giving full control over styling
  • 02Framework-agnostic, usable with Vue, React or plain JavaScript
  • 03Extension system with over 100 available extensions
  • 04Custom extensions and nodes for tailored content models
  • 05Built on ProseMirror

Use cases

  • Adding a rich text editing box to a web app with a custom design
  • Building a Notion-style block editor in React or Vue
  • Creating collaborative document editing with Hocuspocus and Yjs

Quick start

  1. 1

    Install the Tiptap agent skill in your project

    npx skills add ueberdosis/tiptap --skill tiptap
  2. 2

    Follow the installation guide in the Tiptap documentation

Things to know

  • Headless editor, so it ships no user interface and you must build your own UI.
  • Pro Extensions need a valid subscription.

Topics

#editor#rich-text#wysiwyg#prosemirror#javascript#typescript#react#vue#js#renderless-components

FAQ

What is tiptap?
A headless, framework-agnostic rich text editor built on ProseMirror, extensible through a large set of extensions. Tiptap is a headless rich text editor. It ships without a user interface, so developers control the look and layout of the editor while the framework handles document state, formatting and editing behavior. It is built on the ProseMirror library and works with Vue, React and plain JavaScript.
Is tiptap free to use? What license does it have?
tiptap is open source under the MIT license. Check the license terms before using it in commercial products.
Is tiptap still maintained?
Actively maintained. The last commit to tiptap was on Oct 20, 2026.
What can I use tiptap for?
Adding a rich text editing box to a web app with a custom design Building a Notion-style block editor in React or Vue Creating collaborative document editing with Hocuspocus and Yjs
How do I install tiptap?
Install the Tiptap agent skill in your project: npx skills add ueberdosis/tiptap --skill tiptap Follow the installation guide in the Tiptap documentation
Where can I get tiptap?
The source code and installation instructions are on GitHub: https://github.com/ueberdosis/tiptap

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects