GitHub - pileax-ai/yiitap: An AI powered, Notion-style WYSIWYG rich-text block-based editor. 🍀

English | 简体中文

⚡ Build AI-native Notion-like editors in minutes

Yiitap is an AI-powered, Notion-style WYSIWYG rich-text block-based editor, built on top of tiptap.🔥

Demo

AI + Block Editor in action

AI Menu

AI Block

Multi-column

Table

Key Features

🚀 Supports Vue & React – Seamless integration with both frameworks.
🤖 AI-powered – Built-in AI capabilities to supercharge content creation and productivity.
📝 Markdown-friendly - Paste Markdown and copy Markdown natively.
🤝 Collaboration: Real-time collaborative editing powered by Yjs and Hocuspocus.
📝 Modern Notion-style Editor – Clean, intuitive, and distraction-free writing experience.
🔧 Highly Customizable & Extensible – Based on Tiptap & ProseMirror.
🧩 Block-based Editing – Flexible content manipulation via bubble, floating, main, and side menus.
✨ Rich Extensions – 15+ custom extensions & 50+ UI components.
🌍 I18n – Built-in support for 10+ languages.
🌗 Light & Dark mode.
🆓 MIT Licensed.

Use Cases

📚 Knowledge & Notes: Personal notes, knowledge base, project docs.
✍️ Content Writing: Articles, blogs, weekly reports, technical docs.
🤖 AI Editing: AI continue, polish, rewrite, summarize, translate.
📝 Markdown Workflow: Edit, preview, import & export.
💬 AI Chat Rendering: Rich text renderer for Chat/Agent.
🧩 Low-code & CMS: Admin panels, page & content editors.
🔧 Custom Editor: Block-based, extensible, fully customizable.

Quick start

Installation

pnpm install @yiitap/vue @yiitap/vue-preset

Guide

• 👉 Guide to Yiitap
• 👉 Live Demo
• Full Example: Live | Source

For more detailed information, make sure to check out our documentation. If you encounter any problems or have suggestions, please open an issue.

Projects Used Yiitap

🍀 PileaX: All-in-one AI KnowledgeBase, A local-first, all-in-one AI knowledge base that integrates AI chat, smart notes, and e-book reading & management.

Contributing

For those who'd like to contribute code, see our Contribution Guide. Contributions are welcome and will be fully credited.

Contributors

Acknowledgements

• Tiptap & ProseMirror: Yiitap is built on top of Tiptap and ProseMirror.
• BlockNote: A React Rich Text Editor that's block-based and extensible..

License

The MIT License (MIT). Please see License File for more information.