Story

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

philipisik Tuesday, April 15, 2025

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?

Summary
The article describes a set of UI components for the Tiptap rich text editor, providing a visual interface for easily customizing and extending the editor's functionality. The components cover a wide range of features, from formatting tools to advanced functionality like table editing and image handling.
20 6
Summary
github.com
Visit article Read on Hacker News Comments 6