We’re changing that.
Today, we’re excited to launch Tiptap UI Components, a growing library of handcrafted React components designed to help you build polished editor UIs faster.
These components are fully optional, MIT licensed, and built on top of Tiptap’s headless core. Use them as-is, customize them completely, or drop individual components into your own setup. The choice is yours.
What’s included
- Encapsulated React components for common editor features (headings, floating toolbars, formatting menus, upload buttons, and more)
- A simple editor template you can clone or build on
- A CLI to scaffold your project with best practices and zero config
Start here
👉 Live demo
👉 Docs
👉 GitHub repo
👉 Install CLI
Why we built this
We’ve seen teams spend days wiring up UI for Tiptap, even though the core logic is already solid. And we’ve heard the same feedback from product teams again and again:
“We love the headless model, but we don’t always have the time or bandwidth to build the UI from scratch.”
Tiptap UI Components are built for exactly that moment — when you want a solid starting point that still respects the flexibility and control you came to Tiptap for.
Still headless, always optional
Tiptap’s core remains fully headless. Nothing changes there. The UI components and templates are additive! They sit on top, not inside. You can use them, fork them, extend them, or ignore them entirely.
This lets you:
- Move faster when UI isn’t your priority
- Stay in control of the user experience
- Reuse components across multiple editors in your app
- Avoid rebuilding the basics every time you need a new editor instance
What’s next
This is just the beginning. We’re actively working on more components and templates — including those connected to Tiptap Cloud, like comments and version history.
Some of those future components will be part of our commercial offering, as they rely on backend logic and cloud features. But everything we’ve launched today is free and open source.
We’d love to hear from you: What components would save your team the most time? Drop us a message, open an issue, or start a discussion. We’re listening!
Thanks for building with us.
— The Tiptap Team
