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 以及它們周圍社群的維護者