Tiptap
A headless rich text editor framework for JavaScript apps, with no built-in look.
- Stars
- 38.9k
- Forks
- 3.2k
- Licence
- MIT
- Language
- TypeScript
- Last update
- 4 days ago
- Type
- Library
What it is
Tiptap is an editor component you add to a web app so users can write formatted text, such as bold, lists, and headings. It is headless, meaning it ships without a ready-made user interface, so you design the look yourself. It is built on the ProseMirror library and extended through add-ons called extensions.
- Add a rich text input to a web app with your own toolbar and styling
- Build a Notion-style block editor using the React template the README links to
- Add real-time multi-user editing by pairing the editor with the Hocuspocus backend
- Extend the editor with custom extensions and nodes for your content types
Great for
- Developers building a custom text editor into a web product
- Teams using Vue, React, or plain JavaScript who want one editor across frameworks
- Projects that need full control over the editor's design
- Developers who want to add their own custom blocks or nodes
Not ideal for
- Non-developers who want a ready-made editor with no coding, because it requires building the interface yourself
- Projects that need the advanced paid features, since Pro Extensions require a valid subscription
How to get it
- 1
Install with a package manager
Install the agent skill (optional, from README)
npx skills add ueberdosis/tiptap --skill tiptap - 2
Run it
- Read the installation guide at tiptap.dev/docs/editor/installation
- Install the editor packages into your project using the documented steps
- Start from the basic CodeSandbox example linked in the README
- Add extensions to the editor as needed
- 3
Get the most out of it
- Browse the 100+ extensions in the official docs and community list
- Use the React notion-like block editor template as a starting point for a polished UI
- Add Hocuspocus for collaborative editing built on Yjs
- Use the Tiptap agent skill so coding agents can help set up and debug the editor
Downloads
Strengths
- Headless design gives full control over appearance and behavior
- Built on the established ProseMirror library and works across frameworks
- Large extension ecosystem with over 100 extensions listed in the docs
Trade-offs
- Advanced features such as collaboration, commenting, and AI are in paid Pro Extensions that need a subscription
- Without a UI, you must write more code to get a finished editor
- Setup details beyond the README are only in the external documentation
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| tiptap (this) | 38.9k | Library | intermediate | 4 days ago | Developers building a custom text editor into a web product |
| lexical | 24k | Library | intermediate | 4 days ago | Developers adding a rich text editor to a web app |
| slate | 31.7k | Framework | advanced | 8 days ago | Developers building a custom rich text editor inside a web app |
| milkdown | 12k | Library | advanced | 4 days ago | Developers adding a rich markdown editing box to a web app |
| vditor | 11.4k | Library | intermediate | 19 days ago | Developers who want to embed a Markdown editor in a web app |
| trix | 20k | Library | intermediate | 9 days ago | Developers adding a rich text box to a Rails or other web app |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.