Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bpmn-io/awesome-bpmn-io

A curated list of bpmn.io related projects and resources.
https://github.com/bpmn-io/awesome-bpmn-io

List: awesome-bpmn-io

awesome awesome-list bpmn-io

Last synced: about 2 months ago
JSON representation

A curated list of bpmn.io related projects and resources.

Awesome Lists containing this project

README 

        


  


  


  Awesome

  


  



  A curated list of bpmn.io related projects and resources. Created in the spirit of awesome.

  



  Do you want to contribute? Read our guidelines and propose changes.

  



  Awesome Badge



  






## 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/)