Build a visual workflow or approval-process editor inside a web application without coding the canvas from scratch.
Create a mind-map or entity-relationship diagram tool with fully custom node shapes and connector styles.
Integrate BPMN process diagrams that can execute logic directly in the browser without a backend call.
Build a no-code automation builder where users connect steps in a flowchart and run it client-side.
Requires npm and a bundler, two packages must be installed (core engine plus the extensions package).
LogicFlow is a JavaScript library for building interactive diagram editors inside web applications. It was created by DiDi, the Chinese ride-hailing company, for use in their internal business tools, and later open-sourced. The library handles the canvas, nodes, edges, drag-and-drop, and connection logic that diagrams need, so developers do not have to build all of that from scratch. The README is written primarily in Chinese, but the core description covers the following capabilities: a visual canvas where users can create and edit diagrams by interacting with shapes and connectors, customizable nodes and connectors so developers can adapt the look and behavior to their specific product, a plugin system for adding features beyond the defaults, and a built-in execution engine that can run flowchart logic directly in the browser without sending it to a server first. The library also supports converting its internal data format to and from BPMN (a standard format for business process diagrams) and other backend formats. Typical use cases mentioned in the description include flowcharts, mind maps, entity-relationship diagrams, UML diagrams, and workflow editors. It is installed as an npm package with two main parts: the core rendering engine and an extensions package for additional built-in plugins. The project also ships its documentation files inside the npm package itself, which allows AI coding tools to read the docs locally when helping developers build features. LogicFlow is licensed under Apache 2.0.
← didi on gitmyhub — every repo by this author, as a profile.
Verify against the repo before relying on details.