F Flow

screenshot of F Flow
angular
express

Foblex Flow - is an Angular library designed to simplify the creation and manipulation of dynamic flow. Provides components for flows, nodes, and connections, automating node manipulation and inter-node connections.

Overview

Foblex Flow is an innovative library designed exclusively for Angular, perfect for creating interactive flow-based user interfaces such as visual editors, diagrams, and automation tools. This library stands out by offering a fully Angular-native foundation, making it easy to customize and manage dynamic node-based structures. Enthusiasts of low-code platforms or developers needing intuitive process editors will find Foblex Flow an essential tool in crafting effective and engaging applications.

With features like support for SSR, Standalone Components, and zoneless mode, Foblex Flow is tailored for both simplicity and advanced functionality. It strives to enable seamless user experiences, whether for call flows, internal tools, or bespoke visual builders.

Features

  • Dynamic Node & Connection Creation: Effortlessly create, connect, and manage nodes in real-time for interactive designs.
  • Reassignable Connections: Easily drag and reconnect inputs and outputs, allowing for flexible layouts.
  • Event-driven Architecture: Utilize clean APIs to react smoothly to user interactions, enhancing user engagement.
  • Customizable Templates: Design your components for nodes and connections, ensuring a tailored look and feel.
  • Drag, Zoom, Pan: Navigate large graphs with ease using smooth canvas navigation features.
  • SSR + Angular Compatibility: Fully compatible with Angular 12+, enabling server-side rendering along with Standalone Components and the Composition API.
  • Community Support: Benefit from an active community through GitHub Discussions and comprehensive documentation, making it easy to get help and share ideas.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.