# awesome-bpmn-io

**Repository Path**: mirrors_bpmn-io/awesome-bpmn-io

## Basic Information

- **Project Name**: awesome-bpmn-io
- **Description**: A curated list of bpmn.io related projects and resources. 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2025-11-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <br>
  <br>
  <img width="474" height="102" src="https://github.com/bpmn-io/awesome-bpmn-io/raw/main/media/logo.svg?sanitize=true" alt="Awesome">
  <br>
  <br><br>
  A curated list of <a href="https://bpmn.io">bpmn.io</a> related projects and resources. Created in the spirit of <a href="https://github.com/sindresorhus/awesome">awesome</a>.
  <br><br>
  Do you want to contribute? Read <a href="#contribute">our guidelines</a> and <a href="https://github.com/bpmn-io/awesome-bpmn-io/edit/main/README.md">propose changes</a>.
  <br><br>
  <a href="https://github.com/sindresorhus/awesome"><img src="https://cdn.statically.io/gh/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome Badge" /></a>

  <br><br>
</div>

## Contents

* [Learning Resources](#learning-resources)
* [Libraries](#libraries)
* [Extensions](#extensions)
* [Integrations](#integrations)
* [Apps](#apps)
* [Talks](#talks)


## Learning Resources

* [bpmn-js-examples](https://github.com/bpmn-io/bpmn-js-examples) - Large list of bpmn-js usage examples
* [dmn-js-examples](https://github.com/bpmn-io/dmn-js-examples) - Set of dmn-js usage examples
* [form-js-examples](https://github.com/bpmn-io/form-js-examples) - A collection of form-js examples
* [bpmn-js walkthrough](https://bpmn.io/toolkit/bpmn-js/walkthrough/) - An overview over bpmn-js, usage scenarios and its underlying architecture
* [bpmn.io demo](https://demo.bpmn.io/) - A getting started playground into the bpmn-io toolkit
* [bpmn.io community forum](https://forum.bpmn.io/) - A friendly place to ask about all things related to our project


## Libraries

#### Core

* [bpmn-js](https://github.com/bpmn-io/bpmn-js) - BPMN 2.0 process and collaboration diagram renderer/editor
* [cmmn-js](https://github.com/bpmn-io/cmmn-js) - CMMN 1.2 case diagram renderer/editor
* [dmn-js](https://github.com/bpmn-io/dmn-js) - DMN DRD, decision table and literal expression renderer/editor
* [form-js](https://github.com/bpmn-io/form-js) - View and visually edit JSON-based forms

#### Community Maintained

* [chor-js](https://github.com/jan-ladleif/chor-js) - BPMN 2.0 choreography diagram renderer/editor

#### Infrastructure / Foundation

* [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle) - Read, modify and write BPMN 2.0 diagrams from JavaScript
* [dmn-moddle](https://github.com/bpmn-io/dmn-moddle) - Read, modify and write DMN 1.3 diagrams from JavaScript
* [diagram-js](https://github.com/bpmn-io/diagram-js) - A toolbox for displaying and modifying diagrams on the web

## Extensions

#### [diagram-js](https://github.com/bpmn-io/diagram-js)

* [diagram-js-origin](https://github.com/bpmn-io/diagram-js-origin) - Render a canvas origin cross
* [diagram-js-minimap](https://github.com/bpmn-io/diagram-js-minimap) - Render a minimap of your diagram
* [diagram-js-direct-editing](https://github.com/bpmn-io/diagram-js-direct-editing) - A direct editing box for diagram-js
* [diagram-js-grid](https://github.com/bpmn-io/diagram-js-grid) - A visual grid for diagram-js

#### [bpmn-js](https://github.com/bpmn-io/bpmn-js)

* [bpmn-js-color-picker](https://github.com/bpmn-io/bpmn-js-color-picker) - Color your BPMN elements via the context pad
* [bpmn-js-token-simulation](https://github.com/bpmn-io/bpmn-js-token-simulation) - Simulate tokens running through your process
* [bpmn-js-sketchy](https://github.com/bpmn-io/bpmn-js-sketchy) - A sketchy renderer for BPMN diagrams
* [bpmn-js-nyan](https://github.com/bpmn-io/bpmn-js-nyan) - An extension that adds custom resize rules, theming and colors
* [bpmn-js-embedded-comments](https://github.com/bpmn-io/bpmn-js-embedded-comments) - Add, edit, and persist comments on BPMN diagrams
* [bpmn-js-cli](https://github.com/bpmn-io/bpmn-js-cli) - Model diagrams without the mouse
* [bpmn-js-copy-paste-example](https://github.com/nikku/bpmn-js-copy-paste-example) - An example illustrating how to copy and paste BPMN diagram elements across browser tabs
* [bpmn-js-honkify](https://github.com/pinussilvestrus/bpmn-js-honkify) - Integrates honkify inspired duck sounds into bpmn-js
* [bpmn-js-task-resize](https://github.com/ElCondor1969/bpmn-js-task-resize) - An extension to allow tasks being resizable 
* [bpmn-js-disable-collapsed-subprocess](https://github.com/bpmn-io/bpmn-js-disable-collapsed-subprocess) - An extension which disables modeling collapsed subprocess via replace menu
* [bpmn-js-collapse-subprocess](https://github.com/bpmn-io/bpmn-js-collapse-subprocess) - An extension that re-enables to collapse sub process via replace menu
* [bpmn-js-create-append-anything](https://github.com/bpmn-io/bpmn-js-create-append-anything) - Extends bpmn-js with a create and append anything modeling experience.
* [camunda-transaction-boundaries](https://github.com/bpmn-io/camunda-transaction-boundaries) - Visualize transaction boundaries, applied by the [Camunda workflow engine](https://camunda.com/)

#### Misc

* [@bpmn-io/add-exporter](https://github.com/bpmn-io/add-exporter) - A helper to inject `exporter` meta-data into saved BPMN, CMMN and DMN diagrams
* [@bpmn-io/align-to-origin](https://github.com/bpmn-io/align-to-origin) - Aligns your diagrams to the coordinate origin, manually triggered or on diagram save
* [bpmn-js-differ](https://github.com/bpmn-io/bpmn-js-differ) - A semantic diff tool for BPMN diagrams
* [bpmn-js-headless](https://github.com/bpmn-io/bpmn-js-headless) - Execute [bpmn-js](https://github.com/bpmn-io/bpmn-js) in headless environments
* [bpmn-font](https://github.com/bpmn-io/bpmn-font) - A BPMN 2.0 icon font
* [bpmn-to-image](https://github.com/bpmn-io/bpmn-to-image) - Transform BPMN diagrams to images from the command line
* [bpmn-js-i18n](https://github.com/bpmn-io/bpmn-js-i18n) - Internationalization resources for bpmn-js
* [bpmnlint](https://github.com/bpmn-io/bpmnlint) - An extensible and configurable BPMN 2.0 diagram validator
* [eslint-plugin-bpmn-io](https://github.com/bpmn-io/eslint-plugin-bpmn-io) - Common lint rules for bpmn.io projects
* [dmnlint](https://github.com/bpmn-io/dmnlint) - Validate DMN diagrams based on configurable lint rules
* [dmn-migrate](https://github.com/bpmn-io/dmn-migrate) - Migrate your DMN diagrams to the latest DMN version


## Integrations

* [react-bpmn](https://github.com/bpmn-io/react-bpmn) - Render BPMN 2.0 diagrams in a [React](https://reactjs.org/) application
* [vue-bpmn](https://github.com/bpmn-io/vue-bpmn) - Render BPMN 2.0 diagrams in a [Vue.js](https://vuejs.org) application
* [bpmn-js-example-angular](https://github.com/bpmn-io/bpmn-js-example-angular) - An integration of bpmn-js with [Angular](https://angular.io/)
* [svelte-bpmn](https://github.com/bpmn-io/svelte-bpmn) - Render BPMN 2.0 diagrams in a [Svelte](https://svelte.dev) application
* [jupyterlab-bpmn](https://pypi.org/project/jupyterlab-bpmn/) - Render BPMN 2.0 diagrams in [JupyterLab](https://jupyter.org/)
* [jupyterlab-dmn](https://pypi.org/project/jupyterlab-dmn/) - Render DMN diagrams in [JupyterLab](https://jupyter.org/)
* [BPMN.io for ECA](https://www.drupal.org/project/bpmn_io) - Integrate BPMN.io to create, review and maintain ECA models in [Drupal](https://www.drupal.org)


## Apps

* [Cawemo](https://cawemo.com/) - A web-based, collaborative modeling solution that uses bpmn-js for process modeling
* [Camunda Desktop Modeler](https://github.com/camunda/camunda-modeler) - Implementation tool for [Camunda](https://camunda.com/) and an integrated modeling solution for BPMN, DMN, and Forms.
* [Camunda Web Modeler](https://modeler.camunda.io/) - Web-based collaborative modeling and implementation tool powering [Camunda SaaS](https://camunda.io)
* [bpmn-io-vs-code](https://github.com/bpmn-io/vs-code-bpmn-io) - Display and edit BPMN diagrams in VS Code using bpmn.io tools
* [postit-js](https://github.com/pinussilvestrus/postit-js) - Create Post-it boards on a canvas editor
* [Duckflow](https://duckflow.app) - Lightweight BPMN process designer application, based on bpmn.io
* [bpmn-diff-bitbucket-plugin](https://github.com/domclick/bpmn-diff-bitbucket-plugin) - Bitbucket Server plugin for BPMN file versions visual comparison during pull-requests
* [STORMBPMN](https://stormbpmn.com) - A web-based, collaborative modeling solution with BPMN validation, classic folder view for huge amount of diagrams 
* [Obsidian BPMN Plugin](https://github.com/joleaf/obsidian-bpmn-plugin) - A BPMN Viewer / Editor based on bpmn-js for [Obsidian](https://obsidian.md/)

## Talks

* [Roll your own BPMN editor](https://github.com/nikku/roll-your-own-bpmn-editor) - An introduction to bpmn-js and its friends
* [Making of token simulation](https://github.com/nikku/2021-token-simulation) - A dive into bpmn-js extensibility and the inner workings of [bpmn-js-token-simulation](https://github.com/bpmn-io/bpmn-js-token-simulation)
* [Taking Templates to the limit](https://github.com/pinussilvestrus/ccs2022-resources) - A hands-on demo on how to create [Element Templates](https://docs.camunda.io/docs/components/modeler/desktop-modeler/element-templates/about-templates/) in your favorite IDE with [JSON Schema](https://github.com/camunda/element-templates-json-schema)

## Contribute

Would you like to contribute to this list? [Propose your addition](https://github.com/bpmn-io/awesome-bpmn-io/edit/main/README.md).

This awesome list provides projects and resources that heavily feature the [bpmn.io](https://bpmn.io) project. We do not accept contributions where using our libraries is merely a footnote.


## License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)