What is ngx-workflow?

ngx-workflow is an Angular Signals library for building interactive flowchart and node-based workflow editors with ELK layout, smart edges, minimap, and studio chrome.

Which Angular versions does ngx-workflow support?

ngx-workflow supports Angular 17.1 through Angular 22.

How do I install ngx-workflow?

Install with npm install ngx-workflow, then import NgxWorkflowModule or the standalone diagram component.

Is ngx-workflow a React Flow alternative for Angular?

Yes. It is an Angular-native Signals alternative to React Flow / xyflow for flowchart and node-editor UIs.

Interactive Gallery

Interactive Examples & Code Playground

Explore real-world use cases, auto-layout algorithms, custom nodes, path routing, and workflow legends.

Diagram canvas

ngx-workflow

High-performance Angular Signals flowchart and node-based workflow editor with ELK layout, smart edges, RGBA styling, and studio chrome.

Install: npm install ngx-workflow

Getting started
API reference
Examples
npm package
GitHub

Interactive Examples & Code Playground

Basic Pipeline