全网爆火的 AI 开源神器：可视化画网络拓扑，太丝滑了
Netviz项目介绍Netviz是一款基于浏览器的可视化网络架构设计工具。
Netviz项目介绍Netviz是一款基于浏览器的可视化网络架构设计工具。
Netviz项目介绍
Netviz是一款基于浏览器的可视化网络架构设计工具。你可以将服务器、代理、数据库等组件添加到画布中，通过连接它们来绘制数据流，按层级组织结构，并对每一个细节进行自定义。
⚠️ 重要说明
- ●该项目完全由
AI创建，但应用程序已经经过了充分测试。- ●这个项目主要是为了作者个人使用而构建，因此作者不会合并 PR，也不会主动添加新功能（除非是自己需要的功能）。
- ●如果你想修改或扩展功能，欢迎
Fork这个仓库自行开发。
✨ 功能特性
- ●从侧边栏拖拽组件到画布
- ●使用连线连接组件
- ●
Inspector面板编辑选中对象 - ●支持自定义组件和图标
- ●复制组件
- ●撤销/重做
- ●深色/浅色主题
- ●导出为图片
- ●使用
IndexedDB本地保存，无需服务器
📦 环境要求
- ●
Node.js 20或更高版本（或 Bun 1.1+） - ●
npm、pnpm或bun
🚀 本地开发
安装依赖：
1 | `bun install |
启动开发服务器：
1 | `bun run dev |
然后在浏览器打开：
1 | `http://localhost:8888` |
🏗️ 构建项目
生成生产环境构建文件（输出到 dist/ 目录）：
1 | `bun run build |
本地预览构建结果：
1 | `bun run preview |
🌐 部署方式
部署到任意静态托管平台
执行：
1 | `bun run build` |
dist/ 目录是一个纯静态网站。
只需要将其上传到任意静态托管平台即可完成部署。
项目预览
· · ·
画布
· · ·
· · ·
图层
· · ·
· · ·
画布设置
· · ·
· · ·
导出文件
· · ·
💬 本文评论区已开启，但暂无读者留言。
本文转载自微信公众号，如有侵权请联系删除。
- 标题: 全网爆火的 AI 开源神器：可视化画网络拓扑，太丝滑了
- 作者: lxiol
- 创建于 : 2026-05-20 01:59:22
- 更新于 : 2026-05-20 01:59:22
- 链接: https://blog.lxiol.cn/2026/05/20/全网爆火的-AI-开源神器可视化画网络拓扑太丝滑了/
- 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。