English | 简体中文

Yiitap

⚡ 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. 📝 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

🧠 AI Chat Editor (like ChatGPT UI)
📝 Writing tools (Notion-like)
📚 Knowledge base editors
✍️ Markdown editors
🧪 AI-powered content apps

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.

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.