KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

yiitap

★ 113 Open GitHub ↗

An AI powered, Notion-style WYSIWYG rich-text block-based editor. 🍀

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

**English** | [简体中文](README_zh.md)

<h1 align="center">Yiitap</h1>

 ⚡ 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](https://tiptap.dev).🔥

## Demo

> AI + Block Editor in action

![Screenshot](https://raw.githubusercontent.com/pileax-ai/yiitap/main/docs/screenshots/screenshot.gif)

### AI Menu

 <img src="https://yiitap.pileax.ai/screenshots/ai_menu-en.png" width="400" />

### 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

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

### Guide

- 👉 [Guide to Yiitap](https://yiitap.pileax.ai/guide/getting-started)
- 👉 [Live Demo](https://yiitap.pileax.ai/demo/vue)
- Full Example: [Live](https://pileax-ai.github.io/yiitap/) | [Source](https://github.com/pileax-ai/yiitap/blob/main/apps/vue/src/components/Demo.vue)

For more detailed information, make sure to check out our [documentation](https://yiitap.pileax.ai/guide/getting-started). If you encounter any problems or have suggestions, please open an [issue](https://github.com/pileax-ai/yiitap/issues/new/choose).

## Projects Used Yiitap
🍀 [PileaX](https://github.com/pileax-ai/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](CONTRIBUTING.md). Contributions are welcome and will be fully credited.

### Contributors

## Acknowledgements

- [Tiptap](https://github.com/ueberdosis/tiptap) & [ProseMirror](https://github.com/ProseMirror/prosemirror): Yiitap is built on top of Tiptap and ProseMirror.
- [BlockNote](https://github.com/TypeCellOS/BlockNote): A React Rich Text Editor that's block-based and extensible..

## License
The MIT License (MIT). Please see [License File](LICENSE) for more information.

yiitap

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README