An example project demonstrating how to use @foblex/flow with Angular 20.
The app is built entirely on Angular Signals, supports state persistence in LocalStorage, and comes with light & dark themes powered by Angular Material.

👉 Live Demo

• ⚡ Signals-first architecture – state management powered by Angular Signals
• 💾 LocalStorage auto-save – keep your flow even after refresh
• 🌗 Light & Dark themes – switch seamlessly
• 🎨 Angular Material integration
• 🌀 Zoom (mouse wheel, double-click, and buttons)
• 🖱 Element selection (single & multiple with Shift)
• 🔗 Create and edit connections
• 🏷 Connection markers
• 📐 Segment connection type
• 📍 Fixed connection behavior
• 🧩 Drag & drop new nodes from the palette
• 🌌 Draggable background

Clone the repo and install dependencies:

git clone https://github.com/Foblex/f-flow-example.git
cd f-flow-example
npm install

Run the dev server with:

ng serve

Navigate to 👉 http://localhost:4200/
The app will automatically reload when you change source files.

• @foblex/flow – a flexible and powerful library for building interactive flow diagrams

This example is distributed under the MIT License.
See the LICENSE file for details.