u/Alarmed_Valuable5863

Image 1 — Refactored layout system in my Angular flow library - now fully pluggable (v18.5.0)
Image 2 — Refactored layout system in my Angular flow library - now fully pluggable (v18.5.0)
Image 3 — Refactored layout system in my Angular flow library - now fully pluggable (v18.5.0)
Image 4 — Refactored layout system in my Angular flow library - now fully pluggable (v18.5.0)
Image 5 — Refactored layout system in my Angular flow library - now fully pluggable (v18.5.0)
🔥 Hot ▲ 79 r/angular

Refactored layout system in my Angular flow library - now fully pluggable (v18.5.0)

Hey

Working on a node-based UI library for Angular.

Layouts (Dagre / ELK) were already supported, but the system was kinda hardwired.

In this release I changed it to:

  • layout plugins
  • custom layout adapter (you can plug any engine)

Also added:

  • explicit render lifecycle (no more hidden updates)
  • standalone reference apps

The GIFs above are from real apps built with it (call flows, large graphs)

Docs / blog:

https://flow.foblex.com/blog/foblex-flow-v18-5-0-layout-engines-explicit-render-lifecycle-and-standalone-reference-apps

GitHub:

https://github.com/Foblex/f-flow

If you’re building flow editors / low-code tools in Angular - would be nice to get feedback.

u/Alarmed_Valuable5863 — 7 days ago