{"id":21465169,"url":"https://github.com/plait-board/drawnix","last_synced_at":"2026-04-19T15:08:30.369Z","repository":{"id":331651135,"uuid":"810364325","full_name":"plait-board/drawnix","owner":"plait-board","description":"开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.","archived":false,"fork":false,"pushed_at":"2026-04-17T13:07:34.000Z","size":1366,"stargazers_count":13428,"open_issues_count":70,"forks_count":1138,"subscribers_count":51,"default_branch":"develop","last_synced_at":"2026-04-17T14:31:24.275Z","etag":null,"topics":["collaboration","drawing","flowchart","localfirst","mind-map","mindmap","productivity","whiteboard"],"latest_commit_sha":null,"homepage":"https://drawnix.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/plait-board.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-06-04T14:49:58.000Z","updated_at":"2026-04-17T14:17:50.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/plait-board/drawnix","commit_stats":null,"previous_names":["plait-board/drawnix"],"tags_count":25,"template":false,"template_full_name":null,"purl":"pkg:github/plait-board/drawnix","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plait-board%2Fdrawnix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plait-board%2Fdrawnix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plait-board%2Fdrawnix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plait-board%2Fdrawnix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/plait-board","download_url":"https://codeload.github.com/plait-board/drawnix/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plait-board%2Fdrawnix/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32010998,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["collaboration","drawing","flowchart","localfirst","mind-map","mindmap","productivity","whiteboard"],"created_at":"2024-11-23T08:02:22.541Z","updated_at":"2026-04-19T15:08:30.362Z","avatar_url":"https://github.com/plait-board.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Web Frontend","前端开发框架及项目","Repos","Tool","办公与协作工具"],"sub_categories":["Animation \u0026 Canvas","多工具库支持或纯JS","Whiteboard Tool","思维导图"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cpicture style=\"width: 320px\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/plait-board/drawnix/blob/develop/apps/web/public/logo/logo_drawnix_h.svg?raw=true\" /\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/plait-board/drawnix/blob/develop/apps/web/public/logo/logo_drawnix_h_dark.svg?raw=true\" /\u003e\n    \u003cimg src=\"https://github.com/plait-board/drawnix/blob/develop/apps/web/public/logo/logo_drawnix_h.svg?raw=true\" width=\"360\" alt=\"Drawnix logo and name\" /\u003e\n  \u003c/picture\u003e\n\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ch2\u003e\n    开源白板工具（SaaS），一体化白板，包含思维导图、流程图、自由画等\n  \u003cbr /\u003e\n  \u003c/h2\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cfigure\u003e\n    \u003ca target=\"_blank\" rel=\"noopener\"\u003e\n      \u003cimg src=\"https://github.com/plait-board/drawnix/blob/develop/apps/web/public/product_showcase/case-2.png\" alt=\"Product showcase\" width=\"80%\" /\u003e\n    \u003c/a\u003e\n    \u003cfigcaption\u003e\n      \u003cp align=\"center\"\u003e\n        All in one 白板，思维导图、流程图、自由画等\n      \u003c/p\u003e\n    \u003c/figcaption\u003e\n  \u003c/figure\u003e\n  \u003ca href=\"https://hellogithub.com/repository/plait-board/drawnix\" target=\"_blank\"\u003e\n    \u003cpicture style=\"width: 250\"\u003e\n      \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=4dcea807fab7468a962c153b07ae4e4e\u0026claim_uid=zmFSY5k8EuZri43\u0026theme=neutral\" /\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=4dcea807fab7468a962c153b07ae4e4e\u0026claim_uid=zmFSY5k8EuZri43\u0026theme=dark\" /\u003e\n      \u003cimg src=\"https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=4dcea807fab7468a962c153b07ae4e4e\u0026claim_uid=zmFSY5k8EuZri43\u0026theme=neutral\" alt=\"Featured｜HelloGitHub\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\"/\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\n  \u003cbr /\u003e\n\n  \u003ca href=\"https://trendshift.io/repositories/13979\" target=\"_blank\"\u003e\u003cimg src=\"https://trendshift.io/api/badge/repositories/13979\" alt=\"plait-board%2Fdrawnix | Trendshift\" style=\"width: 250px; height: 55px;\" width=\"250\" height=\"55\"/\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n[*English README*](https://github.com/plait-board/drawnix/blob/develop/README_en.md)\n\n## 特性\n\n- 💯 免费 + 开源\n- ⚒️ 思维导图、流程图\n- 🖌 画笔\n- 😀 插入图片\n- 🚀 基于插件机制\n- 🖼️ 📃 导出为 PNG, JSON(`.drawnix`)\n- 💾 自动保存（浏览器缓存）\n- ⚡ 编辑特性：撤销、重做、复制、粘贴等\n- 🌌 无限画布：缩放、滚动\n- 🎨 主题模式\n- 📱 移动设备适配\n- 📈 支持 mermaid 语法转流程图\n- ✨ 支持 markdown 文本转思维导图（新支持 🔥🔥🔥）\n\n\n## 关于名称\n\n***Drawnix***  ，源于绘画(  ***Draw***  )与凤凰(  ***Phoenix***  )的灵感交织。\n\n凤凰象征着生生不息的创造力，而 *Draw* 代表着人类最原始的表达方式。在这里，每一次创作都是一次艺术的涅槃，每一笔绘画都是灵感的重生。\n\n创意如同凤凰，浴火方能重生，而  ***Drawnix***  要做技术与创意之火的守护者。\n\n*Draw Beyond, Rise Above.*\n\n\n## 与 Plait 画图框架\n\n*Drawnix* 的定位是一个开箱即用、开源、免费的工具产品，它的底层是 *Plait* 框架，*Plait* 是我司开源的一款画图框架，代表着公司在知识库产品([PingCode Wiki](https://pingcode.com/product/wiki?utm_source=drawnix))上的重要技术沉淀。\n\n\nDrawnix 是插件架构，与前面说到开源工具比技术架构更复杂一些，但是插件架构也有优势，比如能够支持多种 UI 框架（*Angular、React*），能够集成不同富文本框架（当前仅支持 *Slate* 框架），在开发上可以很好的实现业务的分层，开发各种细粒度的可复用插件，可以扩展更多的画板的应用场景。\n\n\n## 仓储结构\n\n```\ndrawnix/\n├── apps/\n│   ├── web                   # drawnix.com\n│   │    └── index.html       # HTML\n├── dist/                     # 构建产物\n├── packages/\n│   └── drawnix/              # 白板应用\n│   └── react-board/          # 白板 React 视图层\n│   └── react-text/           # 文本渲染模块\n├── package.json\n├── ...\n└── README.md\n└── README_en.md\n\n```\n\n## 应用\n\n[*https://drawnix.com*](https://drawnix.com) 是 *drawnix* 的最小化应用。\n\n近期会高频迭代 drawnix.com，直到发布 *Dawn（破晓）* 版本。\n\n\n## 开发\n\n```\nnpm install\n\nnpm run start\n```\n\n## Docker\n\n```\ndocker pull pubuzhixing/drawnix:latest\n```\n\n## 依赖\n\n- [plait](https://github.com/worktile/plait) - 开源画图框架\n- [slate](https://github.com/ianstormtaylor/slate)  - 富文本编辑器框架\n- [floating-ui](https://github.com/floating-ui/floating-ui)  - 一个超级好用的创建弹出层基础库\n\n\n\n## 贡献\n\n欢迎任何形式的贡献：\n\n- 提 Bug\n\n- 贡献代码\n\n## 感谢支持\n\n特别感谢公司对开源项目的大力支持，也感谢为本项目贡献代码、提供建议的朋友。\n\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"https://pingcode.com?utm_source=drawnix\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://cdn-aliyun.pingcode.com/static/site/img/pingcode-logo.4267e7b.svg\" width=\"120\" alt=\"PingCode\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## License\n\n[MIT License](https://github.com/plait-board/drawnix/blob/master/LICENSE)  ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplait-board%2Fdrawnix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplait-board%2Fdrawnix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplait-board%2Fdrawnix/lists"}