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.

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

  viewer.importXML(cmmnXML, function(err) {

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

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 bpmn.io 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.