JavaScript HTML CSS
Permalink
Failed to load latest commit information.
bpmn-properties chore(project): bump examples to v2.4.1 Jul 25, 2018
bundling chore(bundling): update cli usage Jul 30, 2018
colors chore(project): bump examples to v2.4.1 Jul 25, 2018
commenting chore(project): bump examples to v2.4.1 Jul 25, 2018
custom-bower-bundle chore(examples): add tombstones for removed examples Feb 6, 2018
custom-bundle chore(project): bump examples to v2.4.1 Jul 25, 2018
custom-elements chore(project): bump examples to v2.4.1 Jul 25, 2018
custom-meta-model chore(project): bump examples to v2.4.1 Jul 25, 2018
custom-modeling-rules chore(project): bump examples to v2.4.1 Jul 25, 2018
i18n chore(project): bump examples to v2.4.1 Jul 25, 2018
interaction chore(project): bump examples to v2.4.1 Jul 25, 2018
minimap chore(project): bump examples to v2.4.1 Jul 25, 2018
modeler chore(project): bump examples to v2.4.1 Jul 25, 2018
overlays chore(project): bump examples to v2.4.1 Jul 25, 2018
pre-packaged chore(project): bump examples to v2.4.1 Jul 25, 2018
properties-panel-extension chore(project): bump examples to v2.4.1 Jul 25, 2018
properties-panel chore(project): bump examples to v2.4.1 Jul 25, 2018
simple-bower chore(examples): add tombstones for removed examples Feb 6, 2018
simple-commonjs chore(examples): add tombstones for removed examples Feb 6, 2018
starter chore(project): bump examples to v2.4.1 Jul 25, 2018
theming chore(project): bump examples to v2.4.1 Jul 25, 2018
transaction-boundaries chore(project): bump examples to v2.4.1 Jul 25, 2018
url-viewer chore(project): bump examples to v2.4.1 Jul 25, 2018
.eslintrc chore(examples): add global lint config Apr 5, 2018
.gitignore chore(examples): simplify + ignore package-lock.json Apr 5, 2018
README.md docs(README): link walkthrough as additional resource Jul 27, 2018

README.md

bpmn-js Examples

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

Starter

Basic

  • 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.

Intermediate

  • 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.

Advanced

Additional Resources

License

MIT (unless noted otherwise)