Components

FlowState provides a set of Blazor components for building interactive node-based editors.

Core Components

FlowCanvas - Main canvas for rendering graphs
FlowBackground - Customizable background
FlowSocket - Input/output connection points
FlowNodeBase - Base class for custom nodes
FlowContextMenu - Context menu for node creation
FlowPanels - Overlay panels for UI controls
FlowGroupNodeBase - Base class for group nodes
FlowResizeHandle - Resize handle for group nodes

Quick Start

All components work together to create a complete node editor:

<FlowCanvas Graph="graph" Height="600px">
    <BackgroundContent>
        <FlowBackground />
    </BackgroundContent>
</FlowCanvas>

Browse the individual component pages for detailed API documentation and examples.

Table of contents