使用 React Flow 连接你的想法

可定制的 React 组件，用于构建基于节点的编辑器和交互式图表

开始使用 React Flow

确保你已安装 npm、pnpm 或 yarn。然后你可以通过以下方式安装 React Flow：

npm install @xyflow/react

查看完整的快速入门指南

开箱即用

你所需要的东西已经存在：拖动节点、缩放、平移、选择多个节点以及添加/删除元素都是内置的。

由我们支持。
由你设计。

React Flow 节点只是 React 组件，可用于交互元素。我们与 Tailwind 和普通的 CSS 配合得很好。

自定义节点指南

所有正确的插件

使用背景、小地图、控件、面板、NodeToolbar 和 NodeResizer 组件制作更高级的应用。