Yiitap is an AI powered, Notion-style WYSIWYG rich-text block-based editor, built on top of tiptap.π₯
π Supports Vue & React β Seamless integration with both frameworks.
π Modern Notion-style editor β Clean, intuitive, and distraction-free.
π§ Highly customizable & extensible β Built on Tiptap & ProseMirror.
π€ AI-powered β Smart features to boost productivity.
𧩠Block-based editing β Manipulate content via bubble, floating, main, or side menus.
β¨ Rich feature set β Includes 15+ custom extensions & 50+ UI components.
π Light & Dark mode.
π MIT Licensed.
- 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.
pnpm installpnpm devpnpm buildtree -d -L 3 -I "node_modules|dist|src|public|types" yiitapyiitap
βββ apps
βΒ Β βββ react # react demo app
βΒ Β βββ vue # vue demo app
βββ packages
βββ core # core functions
βββ extensions # extensions
βΒ Β βββ ai-block
βΒ Β βββ callout
βΒ Β βββ char-command
βΒ Β βββ code-block
βΒ Β βββ color-highlighter
βΒ Β βββ focus
βΒ Β βββ image
βΒ Β βββ link
βΒ Β βββ placeholder
βΒ Β
8000
βββ table
βΒ Β βββ table-wrapper
βΒ Β βββ trailing-node
βΒ Β βββ unique-id
βΒ Β βββ video
βββ icon # editor icon set
βββ react # react component
βββ utils # utilities
βΒ Β βββ emoji
βββ vue # vue component- Tiptap & ProseMirror: Yiitap is built on top of Tiptap and ProseMirror.
- BlockNote: A React Rich Text Editor that's block-based (Notion style) and extensible..
The MIT License (MIT). Please see License File for more information.