FlowChart React

FlowChart React

Author diagrams as text. Render them as React.

NPM PackageFreev2.0.1

A Mermaid-like, AI-first React flowchart library. Author a diagram as text or as a structured object; it renders on React Flow with a real interactive UI per node, automatic layout, semantic path detection, and a movie mode that plays a path node by node.

Features

Diagram as Text

A Mermaid-familiar DSL, or a typed object. Both render the same diagram.

Auto Layout

Dagre by default, ELK opt-in. Both honour TD, BT, LR and RL.

Semantic Paths

Detects every path from start to end, and colours them by meaning.

Movie Mode

Plays a path node by node, so a parent app can show the screen for each step.

Tags

developerreactflowchartvisualizationdiagrammermaid