React Flow 是一款專為 React 應用設計的節點式介面（Node-based UI）開發框架，可用來建立流程圖、心智圖、資料流系統、AI Workflow Builder 等互動式視覺工具。

 

核心特色

  • 直覺式節點系統：支援自由拖曳、連線、群組與分支。

  • 高度可自訂：自定義 Node、Edge、Handle、背景與動畫效果。

  • React Hooks 支援：內建 useNodes(), useEdges(), useReactFlow() 等多種控制 API。

  • 效能極佳：虛擬化渲染讓千個節點仍能保持順暢。

  • 多層結構（Subflows）：支援嵌套節點與父子關係。

  • 可存取性（A11y Ready）：符合 WAI-ARIA 標準。

  • 豐富的範例庫：從簡易流程圖到 AI 思維導圖都有實作範例。

  • 支援 TypeScript 與 SSR（伺服器端渲染）。

 

React Flow 是開發節點式互動應用最成熟的 React 框架之一，它結合強大的 API、優秀的效能與極高的客製化彈性，讓你能輕鬆構建如 Notion AI、Zapier、n8n 或 LangFlow 這類應用。