一个打开就能画的笔记本

别的白板要你注册。这个不用。
别的白板要联网。这个不用。
别的白板加载 2MB。这个 160KB。

  

不注册 · 不联网 · 不打扰 · 数据只在你的浏览器里

---

为什么不用 Excalidraw / tldraw

	MindNotes Pro	Excalidraw	tldraw
中国直接打开	✅	❌	❌
完全离线	✅	⚠️	⚠️
需要注册	❌	❌	❌
外部 CDN	0	多个	多个
笔刷种类	6	1	1
文本块	✅ 画布内编辑	⚠️	✅
多画布管理	✅ 文件夹	❌	❌
数据存储	本地 IndexedDB	本地+云端	本地+云端
依赖数	3	20+	30+

一句话： 中国能用、不想注册、只想打开就画 — 用这个。

---

能做什么

	功能	详情
✏️	6 种笔刷	钢笔 · 荧光笔 · 铅笔 · 书法笔 · 虚线笔 · 霓虹笔
🔧	9 种工具	选择 · 画笔 · 橡皮 · 平移 · 矩形 · 圆形 · 文字 · 直线 · 箭头
📝	文本块	画布上直接打字，可拖拽、缩放、双击编辑
📷	图片插入	本地图片直接拖入画布
🔍	选中缩放	拖动四角控制点缩放任意元素
📁	多画布	侧栏文件夹管理，创建/切换/删除画布
💾	6 种导出	PNG · JPG · PDF · SVG · Word · JSON
🌙	暗色模式	一键切换，跟随系统
⌨️	快捷键	0-8 切换工具，Ctrl+Z 撤销，滚轮缩放

---

快速开始

在线使用： https://11suixing11.github.io/mindnotes-pro/

下载离线版： Releases 下载 zip，解压后双击 index.html

从源码运行：

git clone https://github.com/11suixing11/mindnotes-pro.git
cd mindnotes-pro
npm install
npm run dev

---

快捷键

0 选择	1 画笔	2 橡皮	3 平移	4 矩形	5 圆形	6 文字	7 直线	8 箭头

Ctrl+Z 撤销	Ctrl+Shift+Z 重做	+/- 缩放	Scroll 滚轮缩放	Del 删除选中

---

技术栈

React 18  ·  TypeScript 5  ·  Vite 5  ·  Zustand  ·  Canvas API

3 个生产依赖：react、react-dom、zustand

---

设计哲学

好设计，是克制的表达，也是有温度的思考。

原则	实践
呼吸感	大间距，少装饰，留白即信息
克制	3 个依赖，0 个 CDN，统一规则
质感	SVG 噪点纸纹，毛玻璃面板，柔阴影
温度	暖色 #f5f0e8 + 焦赭 #c47a5a，圆角 14px
秩序	42px 工具按钮，8px 间距，统一动画曲线

---

如果这个项目帮你省了 5 分钟，一个 ⭐ 就是它应得的。

在线使用  ·  下载  ·  反馈