Documentation/Frameworks/Svelteflow
🏗ī¸

Svelteflow

v1.0.0Apache 2.0

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

frameworksskillsvelteflowsvelte-flownode-baseddiagramflowchartworkflowgrapheditorsveltetypescriptinteractive

Installation

Install han binary (required for hooks to work):

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

Then install this plugin:

han plugin install svelteflow

Overview

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

Installation

bash
han plugin install svelteflow

What's Included

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

Links

Skills

📖

svelteflow-custom-nodes

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

📖

svelteflow-fundamentals

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