Skip to content

bpmn-io/bpmn-js-examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

db40be4 · Jan 24, 2025
Jan 8, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Feb 6, 2018
Jan 24, 2025
Aug 30, 2023
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Feb 6, 2018
Feb 6, 2018
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Jan 24, 2025
Nov 28, 2023
Dec 20, 2024
Oct 11, 2024
Nov 28, 2023
Jan 24, 2025
Jan 10, 2025
Jan 10, 2025

Repository files navigation

bpmn-js Examples

This repository contains a number of examples showing how to use and integrate bpmn-js 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 Webpack.
  • colors - Showcases different ways to add colors to your BPMN diagram.
  • embedding - Shows embedding of BPMN diagrams into a larger website.
  • 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.
  • types - How to use the types shipped with bpmn-js.

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.
  • modeling-api - How to create, connect and edit elements using the API.

Advanced

Properties Panel

Featuring Libraries

Integrations

Additional Resources

License

MIT (unless noted otherwise)