https://github.com/plait-board/drawnix
开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.
https://github.com/plait-board/drawnix
collaboration drawing flowchart localfirst mind-map mindmap productivity whiteboard
Last synced: 2 months ago
JSON representation
开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.
- Host: GitHub
- URL: https://github.com/plait-board/drawnix
- Owner: plait-board
- License: mit
- Created: 2024-06-04T14:49:58.000Z (about 2 years ago)
- Default Branch: develop
- Last Pushed: 2026-04-17T13:07:34.000Z (2 months ago)
- Last Synced: 2026-04-17T14:31:24.275Z (2 months ago)
- Topics: collaboration, drawing, flowchart, localfirst, mind-map, mindmap, productivity, whiteboard
- Language: TypeScript
- Homepage: https://drawnix.com
- Size: 1.3 MB
- Stars: 13,428
- Watchers: 51
- Forks: 1,138
- Open Issues: 70
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-side-quests - plait-board/drawnix - source all-in-one whiteboard — mind maps, flowcharts, and freehand drawing in one tool (Web Frontend / Animation & Canvas)
- StarryDivineSky - plait-board/drawnix - board/drawnix是一款开源的SaaS白板工具，集成了思维导图、流程图、自由绘画等多种功能，旨在为用户提供一体化的协作与创作体验。该项目基于Web技术开发，支持多用户实时协作，用户可通过浏览器直接访问，无需额外安装软件，所有数据通过云端同步，确保操作的便捷性与安全性。其核心特色在于将传统白板功能与现代化的图形化工具相结合，用户既可以在白板上自由涂鸦，也能通过预设的模板快速创建结构化的思维导图或流程图，满足会议记录、教学演示、项目规划等多样化场景需求。工作原理上，系统通过WebSocket实现实时通信，结合Canvas技术渲染图形内容，所有操作记录会自动保存至云端数据库，支持版本回溯与历史记录查看。项目采用模块化架构设计，开发者可基于现有插件系统扩展新功能，同时开源特性允许用户自由修改源码以适配特定需求。此外，项目还提供API接口，便于与其他协作工具集成，进一步提升团队协作效率。通过轻量化的设计与跨平台兼容性，plait-board/drawnix致力于成为一款高效、灵活且易于部署的在线白板解决方案。 (前端开发框架及项目 / 多工具库支持或纯JS)
- AiTreasureBox - plait-board/drawnix - 11-03_12195_0](https://img.shields.io/github/stars/plait-board/drawnix.svg)|All in one open-source whiteboard tool with mind, flowchart, freehand and etc.| (Repos)
- awesome - plait-board/drawnix - 开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc. (TypeScript)
- awesome-repo - drawnix - source whiteboard tool with mind, flowchart, freehand and etc (Tool / Whiteboard Tool)
- awesome - plait-board/drawnix - 开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc. (TypeScript)
- awesome-markdown - Drawnix - 一款基于 **Plait** 框架的开源白板工具，集成了思维导图、流程图和自由画等功能。它支持将 **Markdown** 文本转换为思维导图、将 **Mermaid** 语法转换为流程图，并提供无限画布和插件架构，适用于高效协作和可视化思考。  (办公与协作工具 / 思维导图)
README
开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等
All in one 白板，思维导图、流程图、自由画等
[*English README*](https://github.com/plait-board/drawnix/blob/develop/README_en.md)
## 特性
- 💯 免费 + 开源
- ⚒️ 思维导图、流程图
- 🖌 画笔
- 😀 插入图片
- 🚀 基于插件机制
- 🖼️ 📃 导出为 PNG, JSON(`.drawnix`)
- 💾 自动保存（浏览器缓存）
- ⚡ 编辑特性：撤销、重做、复制、粘贴等
- 🌌 无限画布：缩放、滚动
- 🎨 主题模式
- 📱 移动设备适配
- 📈 支持 mermaid 语法转流程图
- ✨ 支持 markdown 文本转思维导图（新支持 🔥🔥🔥）
## 关于名称
***Drawnix*** ，源于绘画( ***Draw*** )与凤凰( ***Phoenix*** )的灵感交织。
凤凰象征着生生不息的创造力，而 *Draw* 代表着人类最原始的表达方式。在这里，每一次创作都是一次艺术的涅槃，每一笔绘画都是灵感的重生。
创意如同凤凰，浴火方能重生，而 ***Drawnix*** 要做技术与创意之火的守护者。
*Draw Beyond, Rise Above.*
## 与 Plait 画图框架
*Drawnix* 的定位是一个开箱即用、开源、免费的工具产品，它的底层是 *Plait* 框架，*Plait* 是我司开源的一款画图框架，代表着公司在知识库产品([PingCode Wiki](https://pingcode.com/product/wiki?utm_source=drawnix))上的重要技术沉淀。
Drawnix 是插件架构，与前面说到开源工具比技术架构更复杂一些，但是插件架构也有优势，比如能够支持多种 UI 框架（*Angular、React*），能够集成不同富文本框架（当前仅支持 *Slate* 框架），在开发上可以很好的实现业务的分层，开发各种细粒度的可复用插件，可以扩展更多的画板的应用场景。
## 仓储结构
```
drawnix/
├── apps/
│ ├── web # drawnix.com
│ │ └── index.html # HTML
├── dist/ # 构建产物
├── packages/
│ └── drawnix/ # 白板应用
│ └── react-board/ # 白板 React 视图层
│ └── react-text/ # 文本渲染模块
├── package.json
├── ...
└── README.md
└── README_en.md
```
## 应用
[*https://drawnix.com*](https://drawnix.com) 是 *drawnix* 的最小化应用。
近期会高频迭代 drawnix.com，直到发布 *Dawn（破晓）* 版本。
## 开发
```
npm install
npm run start
```
## Docker
```
docker pull pubuzhixing/drawnix:latest
```
## 依赖
- [plait](https://github.com/worktile/plait) - 开源画图框架
- [slate](https://github.com/ianstormtaylor/slate) - 富文本编辑器框架
- [floating-ui](https://github.com/floating-ui/floating-ui) - 一个超级好用的创建弹出层基础库
## 贡献
欢迎任何形式的贡献：
- 提 Bug
- 贡献代码
## 感谢支持
特别感谢公司对开源项目的大力支持，也感谢为本项目贡献代码、提供建议的朋友。
## License
[MIT License](https://github.com/plait-board/drawnix/blob/master/LICENSE)