React Flow

React Flow 是一个用 React 写的节点式界面组件库，由 xyflow 团队维护。它要解决的是「画布上摆方块、拉线连起来」这类交互的重复劳动：工作流编辑器、无代码应用、图像处理流程、数据可视化面板，都可以直接拿它当底座，而不用自己从零实现拖拽和连线。

主要功能

装上 @xyflow/react 之后，拖动节点、缩放平移画布、框选多个节点、增删元素都是现成的。节点本身就是普通的 React 组件，里面放按钮、表单、图表都行，样式用 Tailwind 或普通 CSS 都能接。再往上还有 Background、MiniMap、Controls、Panel、NodeToolbar、NodeResizer 这些配套组件，用来做小地图、缩放控件和节点工具栏。

文档站把 API 参考、示例和教程分开列得很细，从自定义节点、边类型、子流程分组，到 Dagre、Elkjs 自动布局、撤销重做、协同编辑都有对应例子，还专门讲了 TypeScript、无障碍和性能。

适合谁

面向会写 React 的前端开发者。页面展示里提到 Stripe、Typeform 等公司在用，也有人拿它做数据处理工具、聊天机器人搭建器和音乐合成器。如果只是想画流程图而不写代码，这个库并不合适。

费用与限制

库本身是 MIT 许可的开源项目，可以免费使用；官方另有一个 React Flow Pro 订阅，用于支持持续开发和去掉界面上的署名。界面语言为英文，文档和示例也都是英文。当前版本号在页面上能看到 12.12.0。