Contents
Learning Resources
- bpmn-js-examples - Large list of bpmn-js usage examples
- bpmn-js walkthrough - An overview over bpmn-js, usage scenarios and its underlying architecture
- bpmn.io community forum - A friendly place to ask about all things related to our project
Libraries
Core
- bpmn-js - BPMN 2.0 process and collaboration diagram renderer/editor
- cmmn-js - CMMN 1.2 case diagram renderer/editor
- dmn-js - DMN 1.2 DRD, decision table and literal expression renderer/editor
Community Maintained
- chor-js - BPMN 2.0 choreography diagram renderer/editor
Infrastructure / Foundation
- bpmn-moddle - Read, modify and write BPMN 2.0 diagrams from JavaScript
- diagram-js - A toolbox for displaying and modifying diagrams on the web
Extensions
diagram-js
- diagram-js-origin - Render a canvas origin cross
- diagram-js-minimap - Render a minimap of your diagram
bpmn-js
- bpmn-js-signavio-compat - Expand and collapse sub-processes exported by Signavio
- bpmn-js-token-simulation - Simulate tokens running through your process
- bpmn-js-in-color - A extension that makes bpmn-js implement the BPMN in color proposal
- bpmn-js-sketchy - A sketchy renderer for BPMN diagrams
- bpmn-js-nyan - An extension that adds custom resize rules, theming and colors
- bpmn-js-embedded-comments - Add, edit, and persist comments on BPMN diagrams
- bpmn-js-cli - Model diagrams without the mouse
- bpmn-js-copy-paste-example - An example illustrating how to copy and paste BPMN diagram elements across browser tabs
- camunda-transaction-boundaries - Visualize transaction boundaries, applied by the Camunda workflow engine
Misc
- @bpmn-io/add-exporter - A helper to inject
exporter
meta-data into saved BPMN, CMMN and DMN diagrams - @bpmn-io/align-to-origin - Aligns your diagrams to the coordinate origin, manually triggered or on diagram save
- bpmn-js-differ - A semantic diff tool for BPMN diagrams
- bpmn-to-image - Transform BPMN diagrams to images from the command line
- bpmnlint - An extensible and configurable BPMN 2.0 diagram validator
Integrations
- bpmn-js-example-angular - An integration of bpmn-js with Angular
- react-bpmn - Render BPMN 2.0 diagrams in a React application
- vue-bpmn - Render BPMN 2.0 diagrams in a Vue.js application
Apps
- Cawemo - A web-based, collaborative modeling solution that uses bpmn-js for process modeling
- Camunda Modeler - An integrated modeling solution for BPMN, DMN and CMMN based on bpmn.io
- Zeebe Modeler - The visual workflow editor for Zeebe based on bpmn.io
Contribute
Would you like to contribute to this list? Propose your addition.