This release brings new magnetic alignment plugins, a new AI Low-Code Platform example, and a major documentation update (new pages + improved existing docs).
✨ Highlights
- 🧲 Magnetic alignment plugins: new Magnetic Lines and Magnetic Rects to assist alignment while moving items.
- 🤖 New example: AI Low-Code Platform - a larger, production-like demo showing how to build a full node-based editor experience.
- 📚 Documentation refresh - new docs pages + consistent structure and improved “quick start” sections across core guides.
🧲 New: Magnetic plugins
Magnetic Lines (recommended; replaces the deprecated Line Alignment)
Screen.Recording.2026-02-16.at.13.00.00.mov
Guideline-like alignment assistance while dragging (snap/assist behavior).
Magnetic Rects
Screen.Recording.2026-02-16.at.13.01.38.mov
Rectangle-based alignment / snapping against other elements’ bounds.
Both plugins ship with dedicated examples and updated documentation.
🤖 New example: AI Low-Code Platform
A more complex demo that showcases a production-like editor scenario:
- Undo/redo as the baseline safety net while editing
- Import/Export to JSON (share a flow, version it, move it between machines)
- 4 themes with runtime switching
- localStorage persistence (state/settings)
- animated connections to make data flow readable
- multi-selection for batch operations
- per-node configuration panel with validation
- Angular Material UI
This example is meant as a reference implementation for building production-like editors with Foblex Flow.
📚 Documentation update (major)
New pages:
- https://flow.foblex.com/docs/event-system
- https://flow.foblex.com/docs/selection-system
- https://flow.foblex.com/docs/f-drag-handle-directive
- https://flow.foblex.com/docs/f-group-directive
- https://flow.foblex.com/docs/f-resize-handle-directive
- https://flow.foblex.com/docs/f-rotate-handle-directive
- https://flow.foblex.com/docs/connection-rules
- https://flow.foblex.com/docs/f-connection-marker-directive
- https://flow.foblex.com/docs/f-snap-connection-component
- https://flow.foblex.com/docs/f-connection-waypoints-component
- https://flow.foblex.com/docs/f-external-item-directive
- https://flow.foblex.com/docs/f-selection-area-component
- https://flow.foblex.com/docs/f-magnetic-lines-component
- https://flow.foblex.com/docs/f-magnetic-rects-component
Pages improved:
- https://flow.foblex.com/docs/f-flow-component
- https://flow.foblex.com/docs/f-canvas-component
- https://flow.foblex.com/docs/f-node-directive
- https://flow.foblex.com/docs/f-node-output-directive
- https://flow.foblex.com/docs/f-node-input-directive
- https://flow.foblex.com/docs/f-node-outlet-directive
- https://flow.foblex.com/docs/f-connection-component
- https://flow.foblex.com/docs/f-connection-for-create-component
- https://flow.foblex.com/docs/f-draggable-directive
- https://flow.foblex.com/docs/f-zoom-directive
- https://flow.foblex.com/docs/f-background-component
- https://flow.foblex.com/docs/f-minimap-component
✅ Improvements
- Internal interaction/handler architecture cleanup and unification.
- Better consistency in connection-related flows and selection behavior.
- Public API exports extended where needed (including new plugins).
🙌 Get involved
If you use Foblex Flow, please consider giving the repo a ⭐ - it directly helps discoverability and keeps the project moving forward.
Use Issues for bugs/feature requests and Discussions for roadmap/voting.