Foblex Flow is an Angular-native user interface library designed for building node-based workflow editors, AI pipelines, and visual diagramming tools within Angular applications. It addresses the need for developers to create interactive, visual editors that support complex node and connection-based workflows, all while remaining tightly integrated with Angular’s ecosystem and avoiding cross-framework dependencies.
The toolkit provides a comprehensive set of primitives and features out of the box, including nodes, connections, selection, zoom, minimap, snapping, alignment guides, and waypoints. It supports drag-to-connect and drag-to-reassign interactions, enabling dynamic editing rather than static diagram rendering. Foblex Flow offers advanced layout capabilities with auto layout engines such as Dagre and ELK, which can arrange nodes and connections automatically. Additional features include an always-on-screen minimap with click-to-jump navigation for large graphs, opt-in auto-pan functionality to keep dragged nodes in view, and projected gradients for smooth color transitions along connections. Snap-to-grid and magnetic alignment lines further assist users in organizing complex diagrams.
The library is built with a signals-first API, leveraging Angular signals for reactive inputs, outputs, and lifecycle management. It is SSR-aware and designed as an Angular-first, composable solution, ensuring that templates, forms, validators, and services remain native to Angular without introducing runtime dependencies on other frameworks. The core components are intended to be simple to start with, such as f-flow and f-canvas, while optional features like caching, virtualization, and workers can be added as needed for more advanced editors.
Foblex Flow is distributed under the MIT license, making it open source and permissive for a wide range of projects. It is available as an Angular package that can be added via standard Angular tooling. The tool is intended for developers building real-time, interactive workflow editors, diagram UIs, and similar node-based interfaces within Angular environments.
In the Frameworks & SDKs space, Foblex Flow takes a focused approach. Allowing developers to build complex node-based workflow editors and diagram UIs in Angular apps. It is built as an open-source project for angular developers building workflow or diagram tools. Foblex Flow is open source under the MIT license. It runs on the web and the command line, and it can be self-hosted.
Foblex builds and maintains Foblex Flow, and the product first shipped in 2024. Development happens publicly on GitHub with 501 stars and 91 commits in the last 90 days. PulseGate's similarity index finds few close equivalents — Foblex Flow occupies a relatively distinct niche. Key capabilities include node editor, workflow builder, and Diagram UI.
Latest indexed changes and source events
Foblex/f-flow discovered by the PulseGate indexer
Other apps tracked under the same category.
