CMMN 1.1 viewer and editor.

Currently v0.19.2. View on GitHub.

Visualize Case Plan Models

cmmn-js simplifies creating, embedding and extending CMMN 1.1 diagrams. It runs in modern browsers. Use it standalone or integrate it into your applications.

Add CMMN diagrams to your application

Embed CMMN diagrams in your application with a few lines of code.

  var viewer = new CmmnJS({ container: 'body' });

  viewer.importXML(cmmnXML, function(err) {

    if (err) {
      console.log('error rendering', err);
    } else {
      console.log('we are good!');

Download our starters or check additional examples.

Make it yours

cmmn-js is built for extensibility. Customize and extend the toolkit to suit your needs.

Brought to you by Camunda

The project is brought to you by the makers of Camunda.

If you are looking to create BPMN diagrams, we encourage you to sign-up for a free Camunda account.