@elabs-ai/components-flow

How to write your own node type on the branded canvas.

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

A branded process-map edge whose stroke width scales with a weight value (frequency or volume) relative to the other edges sharing its scaleGroup, and can optionally colour the stroke by a second continuous value between --flow-edge-weak and --flow-edge-strong; a “back” variant renders dashed and routed clear of the forward edge it doubles back over.

Properties panel for the selected node/edge.

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.

Branded custom React Flow node (title/subtitle/kind/icon/tone).