@xyflow/system

Core system that powers React Flow and Svelte Flow.

Installation

npm install @xyflow/system

What is this package about?

The @xyflow/system package was created to have a place for vanilla utils for React Flow and Svelte Flow. The package exports helpers for edge creation, pan and zoom, dragging of nodes, general utils and lots of types. All the helpers are specifically built for React Flow and Svelte Flow so it's probably not too interesting to use them with other libraries.

XYPanZoom

Adds zoom and pan for the pane.

XYDrag

Adds drag for nodes and selection.

XYHandle

Adds connection line drawing.

XYMinimap

Adds interactive mini map (zoom and pan).

Edge utils

Util function for SVG edge path creating.

Store utils

Helpers for store functions.

Dom utils

Marker utils

Graph utils

General utils