Hi everyone 👋 Philip here from tiptap.dev! We're thrilled to launch Tiptap 3.0 Beta today, a major update shaped by our incredible community.
We focused on solving real developer pain points:
- Better TypeScript integration
- Full server-side support (no DOM needed!)
- JSX-friendly syntax for nodes
- Enhanced interactivity with Markviews
Check out our new docs and migration guides, and please let us know your feedback or any questions you have. We're here all day answering your comments!
Thanks for your support! We can't wait to see what you build 😊
@philip_isik@masump did you run into specific issues for now? The best practice would still be to run the editor in a client component and handle rendering manually for static output manually outside of the editor via the HTML Output or Tiptap JSON.
The problem with Tiptap and SSR before was that Tiptap would usually cause hydration issues with SSR which we fixed with this release - the editor content itself will still load client side as the actually HTML output by the editor is still ran through the Prosemirror parser.
@philip_isik hey, congratulations 🎉 . Kudos for Typescript and server-side rendering. We use blocknotejs (which uses tiptap), for our help center articles, at @Zupport , and it's probably the best editor out there.
@philip_isik@devladinci Wow we didn't know (usually I check every editor I can find to see the underlying tech but didn't yet for Product Hunt). That's very cool, glad you like it!
@philip_isik@bdbch Yeah, it can be surprising :) FYI great interface and it was pretty easy to add the extensions, product, user mentions, tooltips etc. So kudos for this. The package size is a lil bit tricky, but dynamic imports are the way to go in this case.
@devladinci Thank you! This makes us super proud! Since Tiptap open source, we normally don't know who uses it until we take a look in the website's code base 😅
Big congrats on 3.0 Beta! I’ve been using tiptap in all my Bubble projects. Can’t wait to experiment with Markviews and the new JSX-friendly nodes in my next app.
Looking forward to the update very much. We will try to upgrade Tiptap on our product as soon as possible. Thank you to the development team for their efforts.
@philip_isik We started using TipTap about 6 months ago. We migrated off a custom built editor. We evaluated a bunch of editors, and TipTap was the clear winner!
Been a fan of Tiptap for a while and this 3.0 beta looks next level! Love the flexibility and how developer-friendly it’s getting. Can’t wait to try it out in my next project!
@divyansh_tiwari7 Thanks Divyansh! Great to hear that you're already using Tiptap, and feel free to let us know on our Discord how Tiptap 3.0 works for you 😊
Replies
Tiptap
@philip_isik How does SSR handle client-only dynamic nodes? Any hydration tips?
Tiptap
@philip_isik @masump did you run into specific issues for now? The best practice would still be to run the editor in a client component and handle rendering manually for static output manually outside of the editor via the HTML Output or Tiptap JSON.
The problem with Tiptap and SSR before was that Tiptap would usually cause hydration issues with SSR which we fixed with this release - the editor content itself will still load client side as the actually HTML output by the editor is still ran through the Prosemirror parser.
What exact usecase do you look for?
Zupport
@philip_isik hey, congratulations 🎉 . Kudos for Typescript and server-side rendering. We use blocknotejs (which uses tiptap), for our help center articles, at @Zupport , and it's probably the best editor out there.
Tiptap
@daniel_dorne Thanks! Great to hear that you guys are using Blocknote/Tiptap! Feel free to let us know if you are missing anything.
Product Hunt
@philip_isik awesome update! This very composer is powered by TipTap by the way.
Tiptap
@philip_isik @devladinci Wow we didn't know (usually I check every editor I can find to see the underlying tech but didn't yet for Product Hunt). That's very cool, glad you like it!
Product Hunt
@philip_isik @bdbch Yeah, it can be surprising :) FYI great interface and it was pretty easy to add the extensions, product, user mentions, tooltips etc. So kudos for this. The package size is a lil bit tricky, but dynamic imports are the way to go in this case.
Tiptap
@devladinci Thank you! This makes us super proud! Since Tiptap open source, we normally don't know who uses it until we take a look in the website's code base 😅
Dola: AI Calendar Assistant
@philip_isik THE DESIGN IS CRAZY!!!! Love this!!!! Cong on the launch Philip!
Tiptap
@sophiaatdola Thank you ✌️
I am a simply guy: I click upvote for TipTap when I see it.
Tiptap
@fullstack_x Big love! ♥️
Tiptap
@fullstack_x Simple guys clicking simple buttons make the internet a better place. Much appreciated!
Meet Kai, the AI Trading Wizard
Big congrats on 3.0 Beta! I’ve been using tiptap in all my Bubble projects. Can’t wait to experiment with Markviews and the new JSX-friendly nodes in my next app.
Tiptap
@hugors00 Great to hear that you're using Tiptap in your apps 🙌
It has always been great using TipTap. Always cheers to its launch!! 🚀
Tiptap
@ramitkoul Thank you! Great to hear that you love using Tiptap :-)
Looking forward to the update very much. We will try to upgrade Tiptap on our product as soon as possible. Thank you to the development team for their efforts.
Tiptap
@hi_caicai Thanks and great to hear that you are already using Tiptap and want to upgrade 🙏
@philip_isik We use TipTap as the core underlying editor and engage with it extensively
Tiptap
@hi_caicai That makes us proud!
Tiptap
@hi_caicai Thanks a lot! Looking forward to hear from you.
Product Hunt
@philip_isik We use and love TipTap at Product Hunt. Thank you for building such an amazing editor.
This comment is powered by TipTap!
Tiptap
@mikekerzhner Thanks, I really appreciate the kudos! Didn't know that you guys were using Tiptap, too 😅
Product Hunt
@philip_isik We started using TipTap about 6 months ago. We migrated off a custom built editor. We evaluated a bunch of editors, and TipTap was the clear winner!
Tiptap
@mikekerzhner 🙏 Feel free to let us know if you miss anything in the future! Happy to see Tiptap growing in the Product Hunt platform.
I never want to imagine building an editor with a (code) editor from scratch 😂
Thanks for your efforts, @philip_isik @bdbch!
Tiptap
@bdbch @pritraveler You're welcome :-)
DocsHound
Congrats! Now to the IDE and let's try to migrate!
Tiptap
@k_piotr Let us know how easy it was to migrate 🙃
Tiptap
@divyansh_tiwari7 Thanks Divyansh! Great to hear that you're already using Tiptap, and feel free to let us know on our Discord how Tiptap 3.0 works for you 😊
Wonder Sites
Tiptap
@absurdfounder Huge thanks! Will pass your shout out to the team 🙌
Excited about the open-source customization options! 😄
Tiptap
@shenjun And since it's MIT licensed, you're free to do whatever you want ✌️
Tiptap
For all devs out there:
I opened an official discussion on our Github repository to talk about the 3.0.0 Beta release. You can find it here:
https://github.com/ueberdosis/tiptap/discussions/6323
Happy to hear you over there for more dev-related discussions! ⭐
Glad to see Markdown supported.