HomeLaunchesTiptap
41

Tiptap – Editor UI Components and Templates

Build rich text editor UIs faster with free React components, templates, and a CLI

Hey everyone 👋 We’re the team behind Tiptap

We just launched Tiptap UI Components — a free library of React components and templates to help developers build rich text editor UIs faster, without starting from scratch.

Tiptap itself is a headless editor framework used by thousands of developers to power text editing across their apps. The headless approach gives full flexibility, but it also means you're on your own when it comes to building the UI.

That’s the problem we’re solving here: many teams don’t have time to design and build all the editor UI pieces (toolbars, menus, upload buttons, etc.) every time they want to add a new editor to their product.

So we built a solution that gives you a head start:

  • A growing set of handcrafted, MIT-licensed React components
  • A CLI to scaffold your setup in seconds
  • A live editor template you can use out of the box or customize as needed

Everything is fully optional and customizable. You can add just one component to your existing editor, or build your entire UI with the kit. And Tiptap remains headless at the core — these components sit on top and stay out of your way.

Backstory: We originally built Tiptap as a tool for ourselves, and it has grown far beyond that. We’ve seen it used in everything from CRMs and email builders to collaborative docs and CMS platforms. But we also saw devs rebuilding the same UI patterns over and over. So we asked: what if we made that part easier, too?

Demo template: https://template.tiptap.dev/simple
GitHub repo: https://github.com/ueberdosis/tiptap-ui-components
Docs + Components Overview: https://tiptap.dev/docs/ui-components/getting-started/overview
CLI: npx @tiptap/cli init

We’re already working on more components, including some integrated with Tiptap Cloud (e.g. comments, version history).

Ask:

  • Try out the components and tell us what you'd like to see next
  • Upvote our Product Hunt launch if you like what we’re building
  • Feedback, issues, and PRs are always welcome

Feel free to DM us here or reach out at founders@tiptap.dev

Thanks for building with us!
The Tiptap Team