← Back to archive

Repo of the Day

ueberdosis/awesome-tiptap

Published: Jan 31, 2025

Open repository ↗

⚡ Delightful Tiptap packages and resources

Summary

ueberdosis/awesome-tiptap is a curated "awesome list" that catalogs community packages, demos, framework integrations, and articles for Tiptap, a headless, framework-agnostic rich text editor built on ProseMirror. The list is maintained by the Tiptap team and functions as a community directory rather than an installable library.

What it is useful for

The repository is useful for engineers who already use (or are evaluating) Tiptap and want to avoid reinventing common features. It is organized into practical sections: community extensions (such as tiptap-markdown, tiptap-footnotes, tiptap-extension-pagination, tiptap-extension-figma, and tiptap-languagetool); framework-specific wrappers for React, Vue.js, Angular, Svelte, PHP, and Python; and demo projects like the tiptap-contentful Svelte/Tailwind example and the Tailwind CSS WYSIWYG.

It also lists server-side helpers, including tiptap-php (official) and tiptapy, for processing Tiptap JSON in non-JavaScript backends, and a dedicated entry for Hocuspocus, the collaborative editing backend. The "Open source projects using Tiptap" section catalogs real-world adopters such as Nextcloud Text, GitLab's content editor, Docmost, Plane, Twenty, and Halo, which is helpful for studying reference integrations.

How engineers can use it

Engineers typically use the repository as a discovery index. A common workflow is to pick the section matching your stack (for example, React) and compare listed editor components such as mui-tiptap, shadcn-tiptap, BlockNote, or Mantine Tiptap before deciding what to prototype. For narrower needs, the Community extensions section points to single-purpose packages like tiptap-extension-code-block-shiki for Shiki-powered code blocks, tiptap-extension-global-drag-handle for block reordering, tiptap-comments for comment threads, and tiptap-search-and-replace for in-document search.

Because this is a documentation-style list rather than a runnable package, there are no setup commands to copy from the README itself. Instead, engineers should browse the list, follow each link to the underlying project page or npm listing for installation instructions, and verify license and maintenance status before adopting any entry. The list does not guarantee version compatibility between Tiptap and the community packages it references, so each addition should be tested in a real project. Articles such as the v1-to-v2 migration guide and "Picking Tiptap" are a good starting point for newcomers deciding whether Tiptap fits their requirements.