开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等

开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等

All in one 白板,思维导图、流程图、自由画等

特性

  • 💯 免费 + 开源
  • ⚒️ 思维导图、流程图
  • 🖌 画笔
  • 😀 插入图片
  • 🚀 基于插件机制
  • 🖼️ 📃 导出为 PNG, JSON(.drawnix)
  • 💾 自动保存(浏览器缓存)
  • ⚡ 编辑特性:撤销、重做、复制、粘贴等
  • 🌌 无限画布:缩放、滚动
  • 🎨 主题模式
  • 📱 移动设备适配
  • 📈 支持 mermaid 语法转流程图
  • ✨ 支持 markdown 文本转思维导图(新支持 🔥🔥🔥)

关于名称

Drawnix ,源于绘画( Draw )与凤凰( Phoenix )的灵感交织。

凤凰象征着生生不息的创造力,而 Draw 代表着人类最原始的表达方式。在这里,每一次创作都是一次艺术的涅槃,每一笔绘画都是灵感的重生。

创意如同凤凰,浴火方能重生,而 Drawnix 要做技术与创意之火的守护者。

Draw Beyond, Rise Above.

与 Plait 画图框架

Drawnix 的定位是一个开箱即用、开源、免费的工具产品,它的底层是 Plait 框架,Plait 是我司开源的一款画图框架,代表着公司在知识库产品(PingCode Wiki)上的重要技术沉淀。

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
相关推荐
20YC编程社区11 小时前
一分钟学会绘制Mermaid流程图
流程图·markdown·mermaid流程图
菩提小狗11 小时前
每日极客日报 · 2026年05月01日
ai·开源·极客日报·it热点·技术资讯
冬奇Lab12 小时前
一天一个开源项目(第89篇):Warp - AI 驱动的现代化 Rust 终端
人工智能·rust·开源
xmdy586614 小时前
Flutter+开源鸿蒙实战|智安盾电商溯源平台Day3 溯源查询逻辑+鸿蒙网络请求适配
flutter·开源·harmonyos
摘星编程15 小时前
AI Agent 2.0 时代:MCP协议如何成为AI互联互通的新标准
开源
xmdy586617 小时前
Flutter+开源鸿蒙实战|智安盾电商溯源平台Day2 首页+核心入口UI开发(鸿蒙多端适配)
flutter·开源·harmonyos
该昵称用户已存在17 小时前
MyEMS 开源能源管理系统:模块化架构赋能精细化能源管控
架构·开源·能源
Python私教18 小时前
FuturesDesk 集成 OMC 多智能体编排提效
人工智能·windows·开源
SKY -dada21 小时前
Understand 使用教程
开发语言·c#·流程图·软件构建·敏捷流程·代码复审·源代码管理
irpywp1 天前
苦于AI生成的网页千篇一律且粗糙?design-md-chrome :一款网页样式提取插件 ,将任意网站的视觉规范转化为大模型可读的代码指令!
前端·人工智能·chrome·开源·github