Foblex Flow — Angular Node Editor & Workflow Builder Library

What is Foblex Flow?

Foblex Flow is a node editor library for Angular that lets you build production workflow builders, AI pipelines, and interactive diagrams. Drag, connect, and undo/redo are already built in, so developers do not have to implement those interactions from scratch.

Key capabilities

• Built-in interactions: Drag, connect, and undo/redo are integrated into the editor.
• Gesture mapping: Maps gestures to actions for the whole editor at once, with Miro-like interaction and drawing.
• Layout responsiveness: Layout work happens while the user is actually using the editor — when nodes change size, when content streams in, when a card toggles open.
• Configurable control schemes: Supports click-to-connect, keyboard editing, and one connector model.
• Optional plugin: The Managed Flow State plugin can apply deletion and other supported gestures to an explicit typed store.
• Connection validation: Check business rules such as allowed pairs, max degree, and connector types.
• Selection sync: Selection drives inspector panels and toolbars.
• Accessibility: ARIA semantics in every flow by default, plus an opt-in keyboard layer that can select, move, delete, and even create connections without a mouse.
• AI-ready toolchain: Dev-mode diagnostics with stable error codes, agent rules installed by ng add, and version-matched LLM docs shipped inside the npm package.

Use

cases Foblex Flow is used for building low-code platforms, interactive diagrams, workflow builders, node editors, and AI pipelines. It targets Angular developers, workflow builder developers, and AI pipeline builders.

Platform

and licensing Foblex Flow runs on the Web platform and is open source, with a medium learning curve.