CMMN 1.1 rendering toolkit and web modeler.

Currently v0.18.1. 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.

Built and battle tested by Camunda

We provide tooling for viewing and editing BPMN, DMN and CMMN diagrams in your browser.

Our libraries are extensible, embeddable and open source on GitHub.