bpmn-js Examples

This repository contains a number of examples showing how use and integrate bpmn-js it into your applications.

Starter

bundling - an example how to install bpmn-js via npm, use it in a node-style application and package it and the application code for the browser with Browserify.
colors - Showcases different ways to add colors to your BPMN diagram.
interaction - Listen to diagram events and react to them.
overlays - Attach overlays to BPMN 2.0 diagrams to provide custom buttons or showing additional information.
url-viewer - A simple url viewer for BPMN 2.0 process diagrams.

modeler - A simple BPMN 2.0 modeler. Gains more features as time passes by.
commenting - A simple commenting application build on top of BPMN 2.0 diagrams
bpmn-properties - Read and write BPMN properties with bpmn-js!
i18n - Use a custom translation module with bpmn-js.
properties-panel - Add a properties panel and edit execution related BPMN 2.0 properties.
theming - an example that showcases the different aspects of theming bpmn-js.

bpmn-js-nyan - Model nyan cats instead of service tasks, resize elements and assign custom element colors.
bpmn-js-task-priorities - persistent task colors, diagram interaction and custom extension elements demo.
bpmn-js-in-color - Adding color support for BPMN based on the BPMN in Color proposal.
custom-bundle - How to build a custom version of bpmn-js
custom-elements - A modeler that allows you to create custom elements on a bpmn diagram.
custom-meta-model - An example showing how the BPMN meta-model can be extended to recognized BPMN extension elements and attributes.
custom-modeling-rules - Add custom rules to the bpmn-js modeler.
minimap - Adding a minimap to bpmn-js.
properties-panel-extension - An example showing how to extend the properties panel with custom controls.
transaction-boundaries - Visualizing transaction boundaries in bpmn-js.

bpmn-js Walkthrough - A full guide through the library and its underlying foundation.

MIT (unless noted otherwise)