Creative Design & Branding

Xyflow

xyflow is the library family behind React Flow (@xyflow/react) and Svelte Flow (@xyflow/svelte) for building node-based editors: draggable nodes, connectable edges, zoom and pan. Use when a user asks to "build a workflow editor", "add a node graph or flowchart to the app", "make a drag-and-drop pipeline builder", "create custom nodes with handles", or "save and restore a React Flow diagram". Covers v12 setup, controlled state, custom nodes, handles, providers and persistence.

Publisher / source
TerminalSkills Library
Upstream record
TerminalSkills/skills
Version
Version 1
Published
Publication review
Approved for publication
Content fingerprint
b1b0bf314c0b62e0e980fc021b979753da6a0c0c41a2ee0f2139c818b3b92cdc