├── README.md └── media ├── logo.bpmn └── logo.svg /README.md: -------------------------------------------------------------------------------- 1 |

2 |
3 |
4 |

5 |
6 |

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

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

11 |

12 | 13 |

14 |

15 | 16 | ## Contents 17 | 18 | * [Learning Resources](#learning-resources) 19 | * [Libraries](#libraries) 20 | * [Extensions](#extensions) 21 | * [Integrations](#integrations) 22 | * [Apps](#apps) 23 | * [Talks](#talks) 24 | 25 | 26 | ## Learning Resources 27 | 28 | * [bpmn-js-examples](https://github.com/bpmn-io/bpmn-js-examples) - Large list of bpmn-js usage examples 29 | * [dmn-js-examples](https://github.com/bpmn-io/dmn-js-examples) - Set of dmn-js usage examples 30 | * [form-js-examples](https://github.com/bpmn-io/form-js-examples) - A collection of form-js examples 31 | * [bpmn-js walkthrough](https://bpmn.io/toolkit/bpmn-js/walkthrough/) - An overview over bpmn-js, usage scenarios and its underlying architecture 32 | * [bpmn.io demo](https://demo.bpmn.io/) - A getting started playground into the bpmn-io toolkit 33 | * [bpmn.io community forum](https://forum.bpmn.io/) - A friendly place to ask about all things related to our project 34 | 35 | 36 | ## Libraries 37 | 38 | #### Core 39 | 40 | * [bpmn-js](https://github.com/bpmn-io/bpmn-js) - BPMN 2.0 process and collaboration diagram renderer/editor 41 | * [cmmn-js](https://github.com/bpmn-io/cmmn-js) - CMMN 1.2 case diagram renderer/editor 42 | * [dmn-js](https://github.com/bpmn-io/dmn-js) - DMN DRD, decision table and literal expression renderer/editor 43 | * [form-js](https://github.com/bpmn-io/form-js) - View and visually edit JSON-based forms 44 | 45 | #### Community Maintained 46 | 47 | * [chor-js](https://github.com/jan-ladleif/chor-js) - BPMN 2.0 choreography diagram renderer/editor 48 | 49 | #### Infrastructure / Foundation 50 | 51 | * [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle) - Read, modify and write BPMN 2.0 diagrams from JavaScript 52 | * [dmn-moddle](https://github.com/bpmn-io/dmn-moddle) - Read, modify and write DMN 1.3 diagrams from JavaScript 53 | * [diagram-js](https://github.com/bpmn-io/diagram-js) - A toolbox for displaying and modifying diagrams on the web 54 | 55 | ## Extensions 56 | 57 | #### [diagram-js](https://github.com/bpmn-io/diagram-js) 58 | 59 | * [diagram-js-origin](https://github.com/bpmn-io/diagram-js-origin) - Render a canvas origin cross 60 | * [diagram-js-minimap](https://github.com/bpmn-io/diagram-js-minimap) - Render a minimap of your diagram 61 | * [diagram-js-direct-editing](https://github.com/bpmn-io/diagram-js-direct-editing) - A direct editing box for diagram-js 62 | * [diagram-js-grid](https://github.com/bpmn-io/diagram-js-grid) - A visual grid for diagram-js 63 | 64 | #### [bpmn-js](https://github.com/bpmn-io/bpmn-js) 65 | 66 | * [bpmn-js-color-picker](https://github.com/bpmn-io/bpmn-js-color-picker) - Color your BPMN elements via the context pad 67 | * [bpmn-js-token-simulation](https://github.com/bpmn-io/bpmn-js-token-simulation) - Simulate tokens running through your process 68 | * [bpmn-js-sketchy](https://github.com/bpmn-io/bpmn-js-sketchy) - A sketchy renderer for BPMN diagrams 69 | * [bpmn-js-nyan](https://github.com/bpmn-io/bpmn-js-nyan) - An extension that adds custom resize rules, theming and colors 70 | * [bpmn-js-embedded-comments](https://github.com/bpmn-io/bpmn-js-embedded-comments) - Add, edit, and persist comments on BPMN diagrams 71 | * [bpmn-js-cli](https://github.com/bpmn-io/bpmn-js-cli) - Model diagrams without the mouse 72 | * [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 73 | * [bpmn-js-honkify](https://github.com/pinussilvestrus/bpmn-js-honkify) - Integrates honkify inspired duck sounds into bpmn-js 74 | * [bpmn-js-task-resize](https://github.com/ElCondor1969/bpmn-js-task-resize) - An extension to allow tasks being resizable 75 | * [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 76 | * [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 77 | * [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. 78 | * [camunda-transaction-boundaries](https://github.com/bpmn-io/camunda-transaction-boundaries) - Visualize transaction boundaries, applied by the [Camunda workflow engine](https://camunda.com/) 79 | 80 | #### Misc 81 | 82 | * [@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 83 | * [@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 84 | * [bpmn-js-differ](https://github.com/bpmn-io/bpmn-js-differ) - A semantic diff tool for BPMN diagrams 85 | * [bpmn-js-headless](https://github.com/bpmn-io/bpmn-js-headless) - Execute [bpmn-js](https://github.com/bpmn-io/bpmn-js) in headless environments 86 | * [bpmn-font](https://github.com/bpmn-io/bpmn-font) - A BPMN 2.0 icon font 87 | * [bpmn-to-image](https://github.com/bpmn-io/bpmn-to-image) - Transform BPMN diagrams to images from the command line 88 | * [bpmn-js-i18n](https://github.com/bpmn-io/bpmn-js-i18n) - Internationalization resources for bpmn-js 89 | * [bpmnlint](https://github.com/bpmn-io/bpmnlint) - An extensible and configurable BPMN 2.0 diagram validator 90 | * [eslint-plugin-bpmn-io](https://github.com/bpmn-io/eslint-plugin-bpmn-io) - Common lint rules for bpmn.io projects 91 | * [dmnlint](https://github.com/bpmn-io/dmnlint) - Validate DMN diagrams based on configurable lint rules 92 | * [dmn-migrate](https://github.com/bpmn-io/dmn-migrate) - Migrate your DMN diagrams to the latest DMN version 93 | 94 | 95 | ## Integrations 96 | 97 | * [react-bpmn](https://github.com/bpmn-io/react-bpmn) - Render BPMN 2.0 diagrams in a [React](https://reactjs.org/) application 98 | * [vue-bpmn](https://github.com/bpmn-io/vue-bpmn) - Render BPMN 2.0 diagrams in a [Vue.js](https://vuejs.org) application 99 | * [bpmn-js-example-angular](https://github.com/bpmn-io/bpmn-js-example-angular) - An integration of bpmn-js with [Angular](https://angular.io/) 100 | * [svelte-bpmn](https://github.com/bpmn-io/svelte-bpmn) - Render BPMN 2.0 diagrams in a [Svelte](https://svelte.dev) application 101 | * [jupyterlab-bpmn](https://pypi.org/project/jupyterlab-bpmn/) - Render BPMN 2.0 diagrams in [JupyterLab](https://jupyter.org/) 102 | * [jupyterlab-dmn](https://pypi.org/project/jupyterlab-dmn/) - Render DMN diagrams in [JupyterLab](https://jupyter.org/) 103 | * [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) 104 | 105 | 106 | ## Apps 107 | 108 | * [Cawemo](https://cawemo.com/) - A web-based, collaborative modeling solution that uses bpmn-js for process modeling 109 | * [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. 110 | * [Camunda Web Modeler](https://modeler.camunda.io/) - Web-based collaborative modeling and implementation tool powering [Camunda SaaS](https://camunda.io) 111 | * [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 112 | * [postit-js](https://github.com/pinussilvestrus/postit-js) - Create Post-it boards on a canvas editor 113 | * [Duckflow](https://duckflow.app) - Lightweight BPMN process designer application, based on bpmn.io 114 | * [bpmn-diff-bitbucket-plugin](https://github.com/domclick/bpmn-diff-bitbucket-plugin) - Bitbucket Server plugin for BPMN file versions visual comparison during pull-requests 115 | * [STORMBPMN](https://stormbpmn.com) - A web-based, collaborative modeling solution with BPMN validation, classic folder view for huge amount of diagrams 116 | * [Obsidian BPMN Plugin](https://github.com/joleaf/obsidian-bpmn-plugin) - A BPMN Viewer / Editor based on bpmn-js for [Obsidian](https://obsidian.md/) 117 | 118 | ## Talks 119 | 120 | * [Roll your own BPMN editor](https://github.com/nikku/roll-your-own-bpmn-editor) - An introduction to bpmn-js and its friends 121 | * [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) 122 | * [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) 123 | 124 | ## Contribute 125 | 126 | Would you like to contribute to this list? [Propose your addition](https://github.com/bpmn-io/awesome-bpmn-io/edit/main/README.md). 127 | 128 | 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. 129 | 130 | 131 | ## License 132 | 133 | [![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/) 134 | -------------------------------------------------------------------------------- /media/logo.bpmn: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /media/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 10 | --------------------------------------------------------------------------------