└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Tiptap 2 | A headless, framework-agnostic and extendable rich text editor, based on [ProseMirror](https://github.com/ProseMirror/prosemirror). 3 | 4 | [![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re) 5 | [![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis) 6 | 7 | ## Community extensions 8 | - [Official list of community extensions](https://github.com/ueberdosis/tiptap/issues/819) 9 | - [tiptap-languagetool](https://github.com/sereneinserenade/tiptap-languagetool) by [@sereneinserenade](https://github.com/sereneinserenade) 10 | - [tiptap-comment-extension](https://github.com/sereneinserenade/tiptap-comment-extension) by [@sereneinserenade](https://github.com/sereneinserenade) 11 | - [tiptap-search-and-replace](https://github.com/sereneinserenade/tiptap-search-n-replace-demo) by [@sereneinserenade](https://github.com/sereneinserenade) 12 | - [tiptap-extension-video](https://github.com/sereneinserenade/tiptap-extension-video) by [@sereneinserenade](https://github.com/sereneinserenade) 13 | - [tiptap-snippets-extension](https://github.com/sereneinserenade/tiptap-snippets-extension) by [@sereneinserenade](https://github.com/sereneinserenade) 14 | - [tiptap-media-resize](https://github.com/sereneinserenade/tiptap-media-resize) by [@sereneinserenade](https://github.com/sereneinserenade) 15 | - [tiptap-text-direction](https://github.com/amirhhashemi/tiptap-text-direction) by [@amirhhashemi](https://github.com/amirhhashemi) 16 | - [tiptap-comments](https://www.npmjs.com/package/@rcode-link/tiptap-comments) by [@radans](https://github.com/radans) 17 | - [tiptap-drawio-extension](https://github.com/radans/tiptap-drawio-extension) by [@radans](https://github.com/radans) 18 | - [tiptap-extension-office-paste](https://github.com/Intevation/tiptap-extension-office-paste) by [@Intevation](https://github.com/Intevation) 19 | - [tiptap-extension-upload-image](https://github.com/carlosvaldesweb/tiptap-extension-upload-image) by [@carlosvaldesweb](https://github.com/carlosvaldesweb) 20 | - [tiptap-footnotes](https://github.com/buttondown/tiptap-footnotes) by [@buttondown](https://github.com/buttondown) 21 | - [tiptap-extension-figma](https://github.com/haydenbleasel/tiptap-extension-figma) by [@haydenbleasel](https://github.com/haydenbleasel) 22 | - [tiptap-extension-jira](https://github.com/haydenbleasel/tiptap-extension-jira) by [@haydenbleasel](https://github.com/haydenbleasel) 23 | - [tiptap-slash-command](https://github.com/harshtalks/tiptap-plugins/tree/main/packages/slash-tiptap) by [@harshtalks](https://github.com/harshtalks) 24 | - [tiptap-image-resize-and-alignment](https://github.com/harshtalks/tiptap-plugins/tree/main/packages/image-tiptap) by [@harshtalks](https://github.com/harshtalks) 25 | - [tiptap-extension-iframely](https://github.com/haydenbleasel/tiptap-extension-iframely) by [@haydenbleasel](https://github.com/haydenbleasel) 26 | - [tiptap-extension-global-drag-handle](https://github.com/NiclasDev63/tiptap-extension-global-drag-handle) by [@NiclasDev63](https://github.com/NiclasDev63) 27 | - [tiptap-velt-comments](https://www.npmjs.com/package/@veltdev/tiptap-velt-comments) by [@velt-js](https://github.com/velt-js) 28 | - [tiptap-extension-code-block-shiki](https://github.com/aolyang/tiptap-contentful/tree/main/packages/tiptap-extension-code-block-shiki) by [@aolyang](https://github.com/aolyang) 29 | - [tiptap-extension-figure](https://www.npmjs.com/package/@pentestpad/tiptap-extension-figure) by [@PentestPad](https://github.com/PentestPad) ([@Petar-CV](https://github.com/Petar-CV)) 30 | - [tiptap-extension-pagination](https://github.com/hugs7/tiptap-extension-pagination) by [@hugs7](https://github.com/hugs7) 31 | 32 | ## Demos 33 | - [tiptap-markdown-demo](https://github.com/justinmoon/tiptap-markdown-demo) by [@justinmoon](https://github.com/justinmoon) 34 | - [umo-editor-playground](https://demo.umodoc.com/editor?lang=en-US&theme=light) by [@umodoc](https://github.com/umodoc) 35 | - [google-docs-comments](https://documentation-app-demo.vercel.app) by [@velt-js](https://github.com/velt-js) 36 | - [tailwind-css-wysiwyg-editor](https://flowbite.com/docs/plugins/wysiwyg/) by [@zoltanszogyenyi](https://github.com/zoltanszogyenyi) 37 | - [tiptap-contentful svelte + tailwind](https://github.com/aolyang/tiptap-contentful) by [@aolyang](https://github.com/aolyang) 38 | - [emojis pickers](https://github.com/aolyang/tiptap-contentful/blob/main/example/src/components/toolbars/SelectEmojis.svelte) by [@aolyang](https://github.com/aolyang) 39 | 40 | ## Vue.js 41 | - [tiptap-custom-link-vue-router](https://github.com/worldpwn/tiptap-custom-link-vue-router) by [@worldpwn](https://github.com/worldpwn) 42 | - [vuetify-pro-tiptap](https://github.com/yikoyu/vuetify-pro-tiptap) by [@yikoyu](https://github.com/yikoyu) 43 | - [umo-editor](https://github.com/umodoc/editor) by [@umodoc](https://github.com/umodoc) 44 | - [fylepad](https://github.com/imrofayel/fylepad) by [@imrofayel](https://github.com/imrofayel/) 45 | 46 | ## Angular 47 | - [ngx-tiptap](https://github.com/sibiraj-s/ngx-tiptap) by [@sibiraj-s](https://github.com/sibiraj-s) 48 | 49 | ## Svelte 50 | - [svelte-tiptap](https://github.com/sibiraj-s/svelte-tiptap) by [@sibiraj-s](https://github.com/sibiraj-s) 51 | - [tiptap-contentful svelte + tailwind](https://github.com/aolyang/tiptap-contentful) by [@aolyang](https://github.com/aolyang) 52 | - [emojis pickers](https://github.com/aolyang/tiptap-contentful/blob/main/example/src/components/toolbars/SelectEmojis.svelte) by [@aolyang](https://github.com/aolyang) 53 | 54 | ## PHP 55 | - [Tiptap for PHP](https://github.com/ueberdosis/tiptap-php) by [@ueberdosis](https://github.com/ueberdosis) (official) 56 | - [Laravel Nova Tiptap Editor Field](https://github.com/manogi/nova-tiptap) by [@manogi](https://github.com/manogi) 57 | 58 | ## Python 59 | - [Python Library that converts Tiptap JSON](https://github.com/stckme/tiptapy) by [@stckme](https://github.com/stckme) 60 | - [django-tiptap : Use Tiptap Editor in django admin.](github.com/django-tiptap/django_tiptap) by [@solen0id](https://github.com/solen0id) and [@sereneinserenade](https://github.com/sereneinserenade)) 61 | 62 | ## Collaborative editing 63 | - [Hocuspocus collaborative editing backend](https://hocuspocus.dev) by [@ueberdosis](https://github.com/ueberdosis) 64 | 65 | ## Articles 66 | - [Migration from tiptap v.1 to tiptap v.2](https://dev.to/worldpwn/migration-from-tiptap-v1-to-tiptap-v2-1lh3) 67 | 68 | ## Open source projects using Tiptap 69 | - [GitLab’s editor](https://gitlab.com/gitlab-org/gitlab/-/tree/master/app/assets/javascripts/content_editor) 70 | - [linked - journal app](https://github.com/lostdesign/linked) by [@lostdesign](https://github.com/lostdesign) 71 | - [Nextcloud Text - collaborative document editing using Markdown](https://github.com/nextcloud/text) by [@nextcloud](https://github.com/nextcloud) 72 | - [Notebag note-taking app](https://github.com/pretzelhands/notebag) by [@pretzelhands](https://github.com/pretzelhands) 73 | - [OpenSlides - A digital motion and assembly system](https://github.com/OpenSlides/OpenSlides) 74 | - [PlaceNoter - Chrome Extension, that replaces chrome's new tab with note-taking app.](https://github.com/sereneinserenade/placenoter/) by [@sereneinserenade](https://github.com/sereneinserenade) 75 | - [think - A collabrative web app build on tiptap, support markdown](https://github.com/fantasticit/think) by [@fantasticit](https://github.com/fantasticit) 76 | - [mui-tiptap - A Material UI (MUI) styled WYSIWYG rich text editor, using Tiptap](https://github.com/sjdemartini/mui-tiptap) by [@sjdemartini](https://github.com/sjdemartini) 77 | - [Novel](https://novel.sh/) by [@steventey](https://github.com/steven-tey) 78 | - [umo-editor - open-source document editor based on Vue3 and Tiptap](https://github.com/umodoc/editor) by [@umodoc](https://github.com/umodoc) 79 | - [Halo - Powerful and easy-to-use open source website building tool.](https://github.com/halo-dev/halo) 80 | - [Hyperlink Card by Halo - Convert normal hyperlinks to cards](https://github.com/halo-sigs/plugin-editor-hyperlink-card) 81 | - [Hyprnote - AI Notepad for Meetings](https://github.com/fastrepl/hyprnote) 82 | - [Markdown / HTML Content Block by Halo - Insert HTML and Markdown blocks into the editor](https://github.com/halo-sigs/plugin-hybrid-edit-block) 83 | - [KaTeX Block by Halo - Provides KaTeX support](https://github.com/halo-sigs/plugin-katex) 84 | - [Text Diagram by Halo - Provides support for text drawing (Mermaid & PlantUML)](https://github.com/halo-sigs/plugin-text-diagram) 85 | - [fylepad - a notepad with powerful rich-text editing based on Nuxt3 and Tiptap.](https://github.com/imrofayel/fylepad) by [@imrofayel](https://github.com/imrofayel/) 86 | - [Maily](https://maily.to/) by [@arikchakma](https://github.com/arikchakma) 87 | - [Tiptap editor template](https://github.com/phyohtetarkar/tiptap-block-editor) by [@phyohtetarkar](https://github.com/phyohtetarkar) 88 | 89 | ## Who’s using Tiptap? 90 | - [Gamma](https://gamma.app/#recent) 91 | - [mymind](https://mymind.com) 92 | - [DocIQ](https://www.dociq.io) 93 | - [Statamic](https://statamic.com) 94 | - [Letter](https://letter.so) 95 | - [Primo](https://primo.so) 96 | - [OnePile](https://onepile.app) by [@holtwick](https://github.com/holtwick) 97 | - [Storipress](https://storipress.com) 98 | - [Vizy](https://verbb.io/craft-plugins/vizy/features) 99 | - [Friday](https://friday.app) 100 | - [Eververse](https://www.eververse.ai/) 101 | - [Superthread](https://www.superthread.com) 102 | - [Joggr](https://joggr.io) 103 | - [Velt](https://velt.dev) 104 | - [Flowbite](https://flowbite.com) 105 | - [PentestPad](https://pentestpad.com) 106 | 107 | --------------------------------------------------------------------------------