Angular-native, not a wrapper
Templates, forms, validators, and services stay in Angular. No React runtime, no framework bridge.
Foblex FlowThe node-based UI toolkit for Angular.
Every primitive you need to ship workflow builders, AI pipelines, and visual editors — nodes, connections, selection, zoom, minimap. Signal-based, SSR-aware, MIT licensed.
475stars14Kweekly installsv18.5.0MIT
$
ng add @foblex/flowWhy Foblex Flow
Angular-first. Composable. Built for real editors.
Start simple, scale when you need to
Most editors only need f-flow, f-canvas, nodes, and connections. Caching, virtualization, and workers are optional.
Built for real editors
Drag to connect, drag to reassign, selection, zoom, minimap, snapping, alignment, waypoints. Not a static diagram renderer.
Production
Teams building with Foblex Flow
From contact-center platforms to AI agent orchestration — Angular apps shipping with Foblex Flow today.
AI
Agents Platform (XpertAI)
An Multi agents and data analysis platform for enterprises to make business decisions.
View →
AI
Multi Agent AI Orchestration (EpicStaff)
Open-source platform designed to build and orchestrate multi-agent AI systems. It combines a visual workflow builder with full developer control.
View →
Workflow Automation
ProcessMIX
Low-code decision automation platform with a visual rules and workflow builder for designing, testing, and deploying processes rapidly.
View →
Contact Center
Luware Nimbus
Cloud-based SaaS contact-center solution built natively for Microsoft Teams. It unifies internal helpdesks, branch offices and global contact centres into one intelligent hub, enabling omni-channel communication (voice, chat, email, tasks) and routing to the right agents based on skills, priority or context.
View →Reference apps
What you can build
Four full-source reference apps ship with Foblex Flow. Open them live, read the code, and steal patterns for your own editor.
AI Low-Code Platform
Front-end-only AI low-code IDE with custom nodes, JSON import/export, right-side config panels, validation reflected on nodes, undo/redo, persistence, and animated connections.
Open the example →
Schema Designer
Interactive schema modeler with table nodes, inline column editing, relation toolbars, context menus, selection area, and minimap.
Open the example →
Call Center Flow
Call-center flow builder with IVR branches, schedule checks, queueing, operator handoff, transfer, voicemail, palette-driven node creation, and minimap navigation.
Open the example →
UML Diagram
Layered UML surface with package groups, relation filters, search, custom markers, details panel, and viewport controls.
Open the example →Shipped recently
A steady release cadence, with breaking changes kept to a minimum.
v18.5.0April 2026
Dagre and ELK layout packages, explicit render lifecycle outputs, standalone reference apps, and a stronger portal/docs toolchain.
Read release notes →v18.4.0April 2026
Opt-in f-auto-pan plugin, default theme entrypoint, smoother trackpad pinch-to-zoom, and refreshed example portal controls.
Read release notes →v18.3.0March 2026
Projected connection gradients, smarter redraws, production-worker hardening, and refreshed roadmap/docs guidance.
Read release notes →The team
An independent studio building first-class Angular tooling.
Foblex Flow is our flagship library - developed and maintained full-time since 2022, with a predictable release cadence, strict SemVer, an open roadmap, and direct support for teams running it in production.
SH
Siarhei H.
Founder · Lead engineer
MW
Mark K.
Engineer
SK
Siarhei Kh.
Engineer · DX
Our contributors
Community engineers who have shipped code into Foblex Flow.
See all contributors on GitHub →
Foblex Flow is an Angular-native library for building node-based user interfaces — workflow builders, AI pipeline tools, visual editors, and interactive diagrams. It is distributed as the npm package @foblex/flow under the MIT license. Current version: v18.5.0. Developed and maintained full-time since 2022, with a predictable release cadence and strict SemVer. Compatible with Angular 17.3 and later. Not a React wrapper and not framework-agnostic — built from the ground up on Angular primitives.
Ready to ship a node editor in Angular?
Foblex FlowAngular-native node-based UI library for workflow builders, AI pipelines, and visual editors.