bpmn-io/diagram-js

Health v2 · maintenance only

Adoption not part of the score

1918 stars · 448 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

diagram-js is a JavaScript toolbox for displaying and modifying diagrams on the web, built on SVG. It serves as the foundation framework for diagram editors like bpmn-js, dmn-js, and other modeling tools.

Use cases

• build a custom diagram editor in the browser
• render and edit flowcharts or process diagrams on a web page
• create a BPMN or DMN modeler on top of a diagram framework
• implement drag-and-drop shapes and connections on an SVG canvas
• embed an interactive diagram viewer in a web application

When to choose

• you need a foundation to build a custom web-based diagram editor
• you want SVG-based diagram rendering with selection, dragging, and connection modeling built in
• you are building a BPMN-like modeling tool and want a proven base framework

When to avoid

• you just need to display static diagrams without editing
• you need a ready-made diagram editor for a specific notation rather than a framework
• you need server-side or non-browser diagram rendering

Facets

library · maturity stable

ui-components graphics developer-tools web-development frontend graphics developer-tools browser diagram-editor svg canvas modeling-framework javascript-library javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="bpmn-io/diagram-js")