66K star!这个开源白板不一般！

大家好，我是「前端实验室」爱分享的了不起~

作为开发者，无论是工作还是学习都少不了要画流程图，一款高颜值的画图工具，有利于提升自己的工作效率，让人越画越想画，今天给大家推荐一款高颜值的开源虚拟手绘风格白板——Excalidraw

excalidraw

Excalidraw 是近两年新起的一款画图工具，主要包含白板、流程图的能力，它简单好用有画图界的 Markdown 之称。

功能特点

📡 PWA 支持（脱机工作）。

🤼 实时协作。

🔒 端到端加密。

💾 本地优先支持（自动保存到浏览器）。

🔗 可共享链接（导出为可与他人共享的只读链接）。

💯 免费和开源。

🎨 基于画布的无限白板。

✍️ 手绘风格。

🏗️ 定制，图像支持。

👅 本地化 （i18n） 支持。

🖼️ 导出到PNG，SVG和剪贴板。

💾 开放格式 - 将图形导出为 .excalidraw json 文件。

⚒️ 各种工具 - 矩形、圆形、菱形、箭头、线条、自由绘制、橡皮擦......

➡️ 箭头绑定和标记箭头，撤消/重做。

🔍 支持缩放和平移。

安装使用

node版本要>=18

// 安装
yarn
// 运行
yarn start

也可以使用docker启动

在素材库中还有大量的素材

手绘流程图效果

手绘图表效果

插件

excalidraw还有一个VScode 插件，可以直接在vscode里作图

Excalidraw是一款开源软件，每个人都可以查看和修改其源代码,开发人员能够更好地定制和扩展Excalidraw的功能，满足特定需求