Skip to main content

Canvas

8 pages

Branded React Flow canvas wrapper with token-driven background + sane defaults.

2 examples

Automatic graph layout for a flow canvas: arrange the nodes top-to-bottom or left-to-right with one call, animated into place.

6 examples

layoutFlowElk lays a graph out with ELK’s layered algorithm — same result shape as layoutFlow, plus the engine that answered.

3 examples

Branded preset over React Flow's <MiniMap> — sources node/mask colors from the --flow-minimap-* tokens so the overview stays theme-aware (the raw MiniMap re-export defaults to library colors and renders theme-blind, especially under a low-chroma theme).

1 example

Decorative alignment-guide overlay.

2 examples

Properties panel for the selected node/edge.

5 examples

Small legend mapping colors/types to labels for a canvas or chart (variant: "categorical", the default), or — via variant="scale" — a continuous width/color ramp with a domain, tick marks and formatting.

10 examples

Branded zoom in / out / fit controls.

3 examples