Build a collaborative editor in minutes
Create collaborative, AI-powered documents with a beautiful UI – ready to integrate in minutes.
Requirements
Key features
- Light & Dark Mode
- Mobile-ready
- Real-time collaboration
- AI content generation
- Drag & drop
- Rich formatting
- React UI components
AI-powered writing
Unleash the power of AI directly in your editor. Generate new content with custom prompts or instantly improve selected text with predefined actions like “make it longer”, “summarize”, or “clarify”. Whether you’re starting from scratch or refining your work, AI is always at your fingertips.
Intuitive content insertion
Add any type of content in seconds. Use the slash command to insert text, headings, lists, quotes, code blocks, mentions, emojis, separators, upload images, or embed YouTube videos. Everything is just a keystroke away, making content creation fast and delightful.
Rich formatting & styling
Make your content stand out with inline formatting: bold, italic, code, links, highlights, text colors, and more. The intuitive toolbar and context menus let you style your text exactly how you want, without breaking your writing flow.
Contextual block menu
Every block (or “node”) comes with a powerful context menu. Duplicate, delete, or drag & drop blocks with ease. Access context-specific actions—download images, reset formatting, and more. The context menu is your one-stop shop for block management.
Real-time collaboration
Invite your team and collaborate live. See who’s online, follow their carets, and edit together without conflicts. Real-time presence and collaboration features make teamwork seamless and fun.
Always Growing
Tiptap UI is constantly evolving. New capabilities and improvements are added regularly, so your editor always stays ahead of the curve.
Ready to build
Install with a single CLI command and start building today:
Frequently askedquestions
The open source Simple Editor covers the basics. Advanced features and templates (like the Notion-like editor) are available from the Start plan and up. Check our pricing page for details.
We’re constantly improving Tiptap UI and release new features and updates regularly.
You can find answers in our documentation, join the community, or contact our support team for help.
Yes, real-time collaboration is built in. See who’s online, follow their carets, and edit together seamlessly.
Yes! All UI components are themeable and support custom styling to match your brand.
Simply connect your API key to unlock AI-powered writing and editing features directly in the editor.
Tiptap UI works in all modern browsers, including Chrome, Firefox, Safari, and Edge.
Absolutely! Tiptap UI is modular and fully extensible. You can integrate your own React components or customize existing ones.
The Tiptap UI Simple Editor and all its included components are open source. The Notion-like editor template itself is available starting from the Start plan and includes all features of that plan. Features from higher plans are not included.
UI Components
More kickstarttemplates
Use our free and paid UI Components and ready-made templates to jumpstart your editor integration. Customize, combine, and extend to fit your product – and get to market in record time.
Simple editor template
Start your editor integration with a super tiny editor template. It comes with just the things you need to start coding.
Comments template
Add threads and comments to your documents and app with our Editor extension and Comments UI template.