React Flow
Open SourceA highly customizable React library for building node-based editors and interactive diagrams.
工具信息
什么是 React Flow？
React Flow is a highly customizable React library that provides a customizable React component for creating node-based editors, interactive diagrams, workflow builders, no-code applications, image processing tools, and visualizers.
核心功能
Customizable node-based editors
Core React component for building interactive node-based UIs with support for custom nodes, edges, handles, and layouts.
Built-in components
Includes ready-to-use components such as Background, Controls, MiniMap, Handle, NodeResizer, NodeToolbar, Panel, and Edge utilities.
Customization and theming
Supports custom nodes, handles, edges, edge labels, utility classes, theming, dark mode, and styling options including Tailwind.
Layouting and advanced interactions
Supports layouting (including Dagre and Elkjs examples), subflows, grouping, drag-and-drop, validation, undo/redo, multiplayer, and whiteboard features such as eraser, lasso selection, and freehand draw.
Accessibility and developer tools
Includes accessibility support, TypeScript types, hooks and providers, performance options, server-side rendering, testing utilities, and devtools.
React Flow Pro
Pro tier integrated into the site offering options such as remove attribution, along with Pro examples.
UI templates and components
Provides UI templates including AI Workflow Editor and Workflow Editor, plus reusable node utilities, handles, edges, controls, and custom components.
使用场景
- #1
Workflow builders
Build interactive workflow editors and node-based process tools.
- #2
No-code applications
Create no-code or low-code apps with visual node editors.
- #3
Image processing and visualizers
Develop image processing interfaces and data or diagram visualizers.
- #4
Mind maps and diagrams
Build mind map applications and other interactive diagramming tools.
- #5
AI workflow editors
Create AI-oriented workflow editor templates and node-based AI interfaces.
定价方案
Core library is MIT licensed. React Flow Pro is available (integrated on the site) for options such as removing attribution and Pro examples.
替代工具
常见问题
What is React Flow?
Is React Flow free to use?
What can I build with React Flow?
Does React Flow support customization and theming?
Who is behind React Flow?
React Flow 联系方式与社交媒体
- 公司xyflow
- 支持邮箱
- 网站：
- Twitter
- GitHub
- Discord