Development
Plugin
tiptap
The Tiptap Editor is a headless, framework-agnostic rich text editor that's customizable and extendable through extensions.
Plugin Signal65/100Solid
maintained100
capable14
documented55
adopted97
Install
$ npx -y skills add ueberdosis/tiptap --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
Stats
37,972
Stars
3,075
Forks
Active
Maintenance
TypeScript
Language
MIT
License
57m ago
Last commit
7y ago
Created
Repo: ueberdosis/tiptap
What's inside
Badges
8
README
1
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.
- Basic example of the Tiptap editor.
- Collaboration ready Tiptap CodeSandbox
- 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.
File tree
1439ueberdosis/tiptapView on GitHub
.changeset/
2026-05-29-list-keymap-tab-sink-into-list.md
2026-08-05-starter-kit-lockstep-deps.md
2026-08-06-ordered-list-block-math.md
2026-08-06-react-nodeview-stale-selection.md
2026-08-07-markdown-unclosed-inline-html.md
config.json
fair-tips-watch.md
fix-pm-schema-list-types-path.md
hip-falcons-happen.md
katex-0.18.md
README.md
stupid-singers-wonder.md
wicked-doors-clean.md
.coderabbit.yaml
.editorconfig
.fallowrc.json
.github/
actions/
restore-build/
action.yml
restore-dependencies/
action.yml
setup-env/
action.yml
setup-playwright/
action.yml
assets/
cover.png
CODEOWNERS
dependabot.yml
DISCUSSION_TEMPLATE/
community-extensions.yml
feature-requests.yml
showcase.yml
instructions/
changeset.instructions.md
PR.instructions.md
tiptap.instructions.md
ISSUE_TEMPLATE/
bug_report_pro.yml
bug_report.yml
config.yml
documentation.yml
publish-config.json
pull_request_template.md
scripts/
__tests__/
resolve-publish-config.test.mjs
resolve-publish-config.mjs
workflows/
build.yml
notify.yml
publish.yml
.gitignore
.husky/
pre-commit
.lintstagedrc.cjs
.npmrc
.oxfmtrc.json
.vscode/
launch.json
settings.json
.zed/
settings.json
AGENTS.md
babel.config.js
CHANGELOG.md
CLAUDE.md
commitlint.config.mjs
CONTRIBUTING.md
demos/
CHANGELOG.md
dedupeDeps.txt
index.html
package.json
postcss.config.cjs
preview/
Demo.vue
DemoFrame.vue
index.html
index.js
index.vue
Shiki.vue
shiki.worker.js
style.css
public/
_redirects
setup/
helper.ts
js.ts
react.ts
style.scss
svelte.ts
vue.ts
src/
Commands/
Cut/
React/
index.html
index.jsx
styles.scss
InsertContent/
React/
index.html
index.jsx
styles.scss
InsertContentApplyingRules/
React/
index.html
index.jsx
styles.scss
SetContent/
React/
index.html
index.jsx
styles.scss
Demos/
CollaborationSplitPane/
index.spec.ts
React/
Editor.jsx
index.html
index.jsx
styles.scss
SingleRoomCollab/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Dev/
.gitkeep
Examples/
Accessibility/
React/
index.html
index.tsx
InsertMenu.tsx
MenuBar.tsx
styles.scss
TextMenu.tsx
useMenubarNav.ts
AutolinkValidation/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
Book/
content.js
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
CodeBlockLanguage/
React/
CodeBlockComponent.jsx
CodeBlockComponent.scss
index.html
index.jsx
styles.scss
Vue/
CodeBlockComponent.vue
index.html
index.vue
CollaborativeEditing/
React/
index.html
index.jsx
MenuBar.jsx
MenuBar.scss
MenuItem.jsx
MenuItem.scss
styles.scss
Vue/
index.html
index.vue
MenuBar.vue
MenuItem.vue
Community/
index.spec.ts
React/
index.html
index.jsx
MentionList.jsx
MentionList.scss
styles.scss
suggestion.js
Vue/
index.html
index.vue
MentionList.vue
suggestion.js
CSSModules/
index.spec.ts
React/
index.html
index.jsx
index.module.css
styles.scss
Vue/
index.html
index.module.css
index.vue
CustomDocument/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
CustomParagraph/
index.spec.ts
React/
index.html
index.jsx
Paragraph.jsx
styles.scss
Vue/
Component.vue
Extension.js
index.html
index.vue
DecorationComponents/
index.spec.ts
React/
Counter.tsx
index.html
index.tsx
styles.scss
Vue/
Counter.vue
index.html
index.vue
Decorations/
index.spec.ts
React/
highlight-decorations.ts
index.html
index.tsx
styles.scss
Vue/
highlight-decorations.ts
index.html
index.vue
styles.scss
Default/
index.spec.ts
React/
index.html
index.tsx
MenuBar.tsx
menuBarState.ts
styles.scss
Svelte/
index.html
index.svelte
styles.scss
Vue/
index.html
index.vue
Drawing/
index.spec.ts
Vue/
Component.vue
index.html
index.vue
Paper.js
EnterShortcuts/
index.spec.ts
React/
index.html
index.tsx
styles.scss
Vue/
index.html
index.vue
Formatting/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
Images/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
InteractivityComponent/
index.spec.ts
React/
Component.jsx
Extension.js
index.html
index.jsx
styles.scss
Vue/
Component.vue
Extension.js
index.html
index.vue
InteractivityComponentContent/
index.spec.ts
React/
Component.jsx
Extension.js
index.html
index.jsx
styles.scss
Vue/
Component.vue
Extension.js
index.html
index.vue
InteractivityComponentProvideInject/
index.spec.ts
Vue/
Component.vue
Editor.vue
Extension.js
index.html
index.vue
ValidateInject.vue
JSX/
index.spec.ts
React/
index.html
index.tsx
Paragraph.tsx
styles.scss
Vue/
index.html
index.vue
Paragraph.tsx
MarkdownShortcuts/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
Menus/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
Minimal/
index.spec.ts
React/
index.html
index.jsx
styles.scss
Vue/
index.html
index.vue
MultiMention/
index.spec.ts
React/
index.html
index.jsx
MentionList.jsx
MentionList.scss
styles.scss
suggestions.js
Vue/
index.html
index.vue
MentionList.vue
suggestions.js
NodePos/
React/
index.html
index.jsx
styles.scss
Performance/
React/
index.html
index.jsx
... 1600 moreShowing a partial view of a very large repo.
FAQ
tiptap is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes tiptap. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is tiptap?
- The Tiptap Editor is a headless, framework-agnostic rich text editor that's customizable and extendable through extensions.
- How do I install tiptap?
- Run these in Claude Code: npx -y skills add ueberdosis/tiptap --agent claude-code. Then prompt normally.
- Does tiptap auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is tiptap free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.