Show HN: Tiptap UI Components – Free React Components for Building Editor UIs

12 philipisik 2 4/15/2025, 8:01:02 AM github.com ↗
Hi, Philip here from Tiptap. We just released a new set of open source UI components for Tiptap (https://tiptap.dev/), our headless text editor framework.

These are handcrafted React components that integrate directly with Tiptap’s headless core, things like toolbars, dropdowns, formatting buttons, upload controls, etc. They’re MIT licensed and fully optional. You can use them as-is or customize every part.

There’s also a CLI that sets everything up for you: project scaffolding, recommended defaults, and a working example.

This is for folks who like the flexibility of Tiptap but don’t want to start from zero every time they need an editor UI. It doesn’t change how Tiptap works – just gives you a faster way to build on top of it.

Live demo: https://template.tiptap.dev/simple

Docs: https://tiptap.dev/docs/ui-components/getting-started/overvi...

GitHub: https://github.com/ueberdosis/tiptap-ui-components

CLI: npx @tiptap/cli init

We’re working on more components (e.g. comments, version history) including some tied to Tiptap Cloud. The ones released now are 100% free and open source.

Would love feedback, especially from anyone who’s built editor UIs before. What should we add next?

Comments (2)

yodon · 3h ago
There's an image on the second link you provided (the getting started overview page) that I think has a picture of all the components, but the image loads at very low resolution on mobile and if I click to expand it the click takes me to another page that doesn't have the image.

Would be great to be able to actually see all these components.

philipisik · 3h ago
Hi, thanks for letting us know. Will check the image size. You can find an overview of all components in our docs :-) https://tiptap.dev/docs/ui-components/components/overview