Svelte Flow

Svelte Flow 是一个 Svelte 组件库，解决的问题很具体：你想在网页里做一块可以拖来拖去、连线成图的画布，比如流程编辑器、思维导图、数据管道配置界面，不用从零写拖拽和坐标换算。装上 @xyflow/svelte 之后，节点、连线、画布视口这些基础件就已经在了。

主要功能

拖拽节点、缩放平移、框选多个节点、增删连线都是内置行为，不需要额外配置。节点本身就是一个 Svelte 组件，所以节点里放输入框、按钮、图表都行，样式用 Tailwind 或普通 CSS 都能接。周边组件也备齐了：背景网格、缩略图、缩放控制条、悬浮面板，做复杂一点的编辑器时直接拼。

子流程（Subflows）支持嵌套图，官方说开箱即用；连线类型自带一组常用样式，也可以自己写。文档里还有 Dagre、ELK.js 的自动布局示例，以及暗色模式、右键菜单、连线校验这些场景的交互例子，可以照着改。

适合谁

适合已经在用 Svelte 的前端开发者，尤其是要做低代码平台、工作流编排、可视化配置面板的人。如果你的项目是 React，同一团队维护的 React Flow 更对口，两者的 API 思路接近。

费用与限制

库本身是 MIT 协议开源，可以商用。默认画布右下角会带一个 attribution 标识，想去掉需要订阅 Svelte Flow Pro，具体价格页面上没写。文档、API 参考和示例都是英文。当前版本 1.7.0，周下载量标的是 356K。