Movatterモバイル変換

bpmn-js

BPMN 2.0 viewer and editor.

Currentlyv18.7.0.View on GitHub.

BPMN everywhere, for everyone

Create, embed and extend BPMN diagrams in your Browser. Use it standalone or integrate it into your application.

Model

Easily create your own BPMN 2.0 diagrams using aweb-based modeling component.

Embed and Annotate

Use the toolkit to embed BPMN 2.0 diagrams into your applications.Enrich them with the data that is important for you and your business.

Extend

Integrate an in-browser process engine,token simulation,custom elements,styling ormodeling rules. It is up to you because bpmn-js is an open toolkit.

Add BPMN diagrams to your application

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

<script>const viewer =new BpmnJS({container:'body' });try {await viewer.importXML(bpmnXML);  }catch (err) {console.error('error loading BPMN 2.0 XML', err);  }</script>

Download ourstarters and get running in no time.

Read ourwalkthrough or check out someexamples to learn more.

Make it yours

bpmn-js is built for extensibility.Customize orextend 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 tosign-up for a free Camunda account.