Documentation/Frameworks/Reactflow
🏗ī¸

Reactflow

v1.0.0Apache 2.0

Build node-based editors, interactive diagrams, and workflow builders with React Flow.

frameworksskillreactflowreact-flownode-baseddiagramflowchartworkflowgrapheditorreacttypescriptinteractive

Installation

Install han binary (required for hooks to work):

curl -fsSL https://han.guru/install.sh | bash

Then install this plugin:

han plugin install reactflow

Overview

Build node-based editors, interactive diagrams, and workflow builders with React Flow.

Installation

bash
han plugin install reactflow

What's Included

  • Skills for building node-based UIs, custom nodes, edges, and layouts
  • Best practices for React Flow component architecture
  • Guidance on interactive diagram and workflow builder patterns

Links

Skills

📖

reactflow-custom-nodes

Use when creating custom React Flow nodes, edges, and handles. Covers custom node components, resizable nodes, toolbars, and advanced customization.

📖

reactflow-fundamentals

Use when building node-based UIs, flow diagrams, workflow editors, or interactive graphs with React Flow. Covers setup, nodes, edges, controls, and interactivity.