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 provides tools to view and edit BPMN, DMN, and CMMN diagrams as well as Forms in your browser.

Our tools are built and battle tested by Camunda and an integral part of the Camunda product stack. Our libraries are extensible, embeddable and open source on GitHub.