12 free 3D tools in one page - image-to-3D, normal maps, remesh, reduce; file tools stay local
React Flow
The de-facto node-based canvas for React - drag, connect, zoom; the base for flow editors and AI canvases
Content updated · 2026-10-30
What is it · 它是什么
What is React Flow?
React Flow (by the xyflow team) is a React component library for node-based interfaces: draggable nodes, connectable edges, zoom and pan out of the box, and infinitely customizable - the foundation for workflow editors, mind maps and AI-agent orchestration canvases, used in production by Stripe, Typeform and many more. A sister project, Svelte Flow, shares the lineage. The core is open source; a Pro tier adds advanced example components.
How to use · 怎么用
How to use React Flow
- Pick a scenario from the official examples (flow/DAG/whiteboard).
- Write custom nodes as plain React components; drive edges with data.
- For AI orchestration UIs, start from the official examples.
Key features · 核心特点
Key features of React Flow
- Nodes, edges, zoom and pan out of the box
- Custom nodes are plain React components
- Production-proven by Stripe; Svelte version available
- Open-source core (Pro components paid)
Related sites
The framework for content-driven sites — zero JS by default, React/Vue islands where needed
The world's most popular front-end framework - v6 brings CSS-first theming and AI-assistant docs