React Flow 连接你的想法

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

25.6k

GitHub 星星

725k

每周安装量

MIT

许可证

React Flow 是一个 MIT 许可的开源库。你可以通过订阅 React Flow Pro 来帮助我们确保库的进一步开发和维护。

React Flow Pro

开始使用React Flow

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

npm install @xyflow/react

开箱即用

你需要的功能都已经内置:拖动节点、缩放、平移、选择多个节点以及添加/删除元素都是内置的。

开始使用

由我们提供动力。
由你设计。

React Flow 节点只是 React 组件,可以随时用于你的交互式元素。我们与 Tailwind 和纯 CSS 兼容。

自定义节点指南

所有合适的插件

使用 Background、Minimap、Controls、Panel、NodeToolbar 和 NodeResizer 组件创建更高级的应用程序。

了解更多
React Flow mini map

使用案例

zapierstripecarto workflowscloserailwayretooldoublelooponesignal

项目展示

被数千人使用

从独立的开源开发者到 Stripe 和 Typeform 等公司。我们已经看到这个库被用于数据处理工具、聊天机器人构建器、机器学习、音乐合成器等等。

查看所有项目
Stripe Docs
DoubleLoop
TypeForm
  1. React Flow 12.3.4

    xyflow 团队
    ✌️

    React Flow 版本 12.3.4 的更改日志

  2. React Flow 12.3.3

    xyflow 团队
    ✌️

    React Flow 版本 12.3.3 的更改日志

  3. 我们更新了示例查看器!

    Hayleigh Thompson
    软件工程师
    Moritz Klack
    联合创始人

    我们对文档中示例的呈现方式进行了更新,这意味着示例的加载速度应该更快,并且需要更少的带宽。

xyflow 团队的项目

我们是 Christopher、Hayleigh、Peter 和 Moritz。我们是 React Flow、Svelte Flow 以及相关社区的维护者。