Tiptap
Developer toolkit for building collaborative apps
4.9•62 reviews•1.8K followers
Developer toolkit for building collaborative apps
4.9•62 reviews•1.8K followers
Tiptap is a suite of content editing & real time collaboration tools to build editor experiences like Notion in minutes, not years.
This is the 9th launch from Tiptap. View more
Tiptap AI Toolkit
Launching today
AI Toolkit is now in production-ready beta — and we’re giving 100 builders a free lifetime license.
Chatbots are easy. Editing inside a rich-text doc in real time is deceptively hard. Skip months of engineering: Tiptap delivers a safe, reliable bridge between your AI and the documents where your team actually does its work.
Sign up for a Tiptap account and join our giveaway: 100 users get a free, lifetime AI Toolkit license (100k tool calls/mo) in exchange for feedback.
Free Options
Launch Team / Built With
Tiptap
Hey Product Hunt! 👋
We’re a small team of EU-based developers who work on rich text editor frameworks every day. That's Tiptap.
A year ago we hit a problem we couldn't ignore: Everyone wants their AI to work inside documents, not in a chatbot and not with copy-paste. But building that so it actually works is way harder than it looks, because rich text is not plain text. There's a lot going on in how browsers render documents, and one wrong AI edit can break things: complex stuff like tables and charts, interactive stuff like buttons, or just the real-time collaboration happening while people work together.
So we spent months building Tiptap’s AI Toolkit to solve it once, properly, so you don't have to.
The AI Toolkit gives you:
Server-side editing: you don't need an open browser anymore. You can build agents that edit documents even when your users are away, and the changes flow back into their editors through our Collaboration service.
Document awareness: you can tell the AI to edit a specific paragraph or sentence and it knows where that is in the document. It can tell a table from a row from a header, and so on.
Precise edits: highlight any text in your document and ask the AI to change it.
Diff engine: a brand new diff algorithm that can compare structured documents.
This is great for anyone building a smart, AI-driven experience for documents (or document-like things) inside their app.
Check out our launch post at https://tiptap.dev/blog/release-... for more details, and a chance to get a free promo plan if you want to partner with us and give feedback.
Cheers,
Philip
@philip_isik "Rich text is not plain text" — I build AI text editing on macOS and feel that line in my bones. The structured-document diff engine is exactly the piece I'd never have wanted to build from scratch. How does it handle a human editing the same paragraph mid-AI-edit — does the diff reconcile against the live collab state, or snapshot at request time?
Tiptap AI Agent
@philip_isik @rudratosh The AI Toolkit integrates with collaboration, so every edit the AI makes is reconciled with human edits in the same way as two human users writing on the same document.
The server-side editing piece is what grabs me — agents that keep working after the tab closes is exactly the gap in most "AI in docs" setups. Question on document awareness: for a long, structured doc (nested tables, embedded nodes), what do you actually feed the model so it can target "this paragraph" reliably — a semantic/structural map of the doc, or the full serialized content? Curious how you keep that from eating the context window as documents grow.
Tiptap AI Agent
@hung_tran_from_notebook_os
To help AI understand the custom nodes of the document, the AI Toolkit generates a systemPrompt string that explains the different elements of the document and how they are encoded. You can attach this string to the system prompt. The systemPrompt string always has the same value, so you'll benefit from your AI provider's caching and save token costs.
For large documents, the AI Toolkit reads them chunk by chunk so the document does not overflow the context window. The chunk size can be configured by the developer. We're also looking into dedicated search tools, to help AI navigate long documents. All of this should help you keep token costs low.
Building a content tool on my own editor stack right now, so this hits close. The hard part I keep fighting: when AI edits a document live, how do you make the edit boundaries visible enough that a human reviewer trusts the diff? Curious how you handled that in the toolkit.
Tiptap
@vladimir_iudin There are multiple ways. From a UX/UI perspective, one would be to let AI make edits in suggestion mode, like in our demo here: https://template.tiptap.dev/page-ai-toolkit/
Tiptap AI Agent
@vladimir_iudin
That's a very good question. If the AI messes up the document, the user loses trust.
To tackle this, we first built the Smart Diff algorithm, which can accurately compare two documents. See it live here: https://tiptap.dev/docs/ai/ai-toolkit/client/advanced-guides/compare-documents
Then, we built the Tracked Changes extension. It allows you to display changes as suggested edits that users can accept or reject.
Finally, we set up the AI Toolkit so that, every time the AI makes a change to the document, we use the Smart Diff algorithm to find the places where the document changed, and then we use Tracked Changes to display each change as a suggested edit.
See a demo here: https://tiptap.dev/docs/ai/ai-toolkit/agents/tracked-changes
@arnau_gomez_farell Ok this answers it completely, thanks. Smart Diff finding the changes and Tracked Changes turning each one into accept/reject is exactly what client approval needs, the reviewer sees what the AI touched instead of trusting it blindly. Reading the docs now, my editor might end up on this after my launch settles.
Tiptap
Hey PH! When OpenAI shipped the Assistants API in 2023, we built a first prototype of AI agents editing documents. It technically worked, but the agent did things to the document, not with you.
Two and a half years later, this is the version where it finally feels like collaboration: agents make precise tracked changes users accept or reject, edits stream in live, and server-side operations keep running after the tab closes.
It's headless just like our editor: no UI, no required agent framework. You own your agentic loop and models and the AI Toolkit handles the document operations.
If you've tried building this yourself, I'd love to hear about your experience!
Plugged it into a side project and had a collaborative doc running by lunchtime. The extension API feels really intuitive compared to other editors I've wrestled with.
Tiptap AI Agent
@smet0b2o Very happy to hear that 😁
Tiptap AI Agent
It's been a few months working on this, so I'm happy for the launch. This is just the beginning though. In the following weeks, we're going to post many videos and demos about what the AI Toolkit can do. Stay tuned for our updates on LinkedIn and our website.
And props to @bdbch for working on Tracked Changes. Without it, the AI Toolkit would not be possible.
The AI Toolkit unlocks a new frontier of collaborative working for your users, don’t miss out on the launch and give it a try now 🚀