PHPackages                             intelogie/bpmn-js - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. intelogie/bpmn-js

ActiveLibrary[Utility & Helpers](/categories/utility)

intelogie/bpmn-js
=================

1.0.2(9y ago)023JavaScript

Since Sep 2Pushed 9y ago1 watchersCompare

[ Source](https://github.com/INTELOGIE/bpmn-js)[ Packagist](https://packagist.org/packages/intelogie/bpmn-js)[ RSS](/packages/intelogie-bpmn-js/feed)WikiDiscussions master Synced 4w ago

READMEChangelog (3)DependenciesVersions (2)Used By (0)

> The project is still in an early stage. Documentation may be missing and [examples](https://github.com/bpmn-io/bpmn-js-examples) may be broken.

bpmn-js - BPMN 2.0 for the web
==============================

[](#bpmn-js---bpmn-20-for-the-web)

[![Build Status](https://camo.githubusercontent.com/23b9e4fe5bc63f724e784258f52faf6b8c1817a0ceeaabe8162df65818af96c1/68747470733a2f2f7472617669732d63692e6f72672f62706d6e2d696f2f62706d6e2d6a732e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/bpmn-io/bpmn-js)

[bpmn-js](https://github.com/bpmn-io/bpmn-js) is a BPMN 2.0 diagram rendering toolkit and web modeler.

[![bpmn-js in action](https://raw.githubusercontent.com/bpmn-io/bpmn-js/master/resources/screencast.gif)](http://demo.bpmn.io/s/start)

Usage
-----

[](#usage)

> No need for additional setup: Try out our [seed project](https://github.com/bpmn-io/bpmn-js-seed) or use the [pre-packaged version](https://github.com/bpmn-io/bower-bpmn-js) of the library.

Get the library via [npm](http://npmjs.org) or [Bower](http://bower.io/) and use it in your web applications to display [BPMN 2.0 diagrams](http://www.bpmn.org/).

```
var BpmnViewer = require('bpmn-js');

var xml; // my BPMN 2.0 xml
var viewer = new BpmnViewer({ container: 'body' });

viewer.importXML(xml, function(err) {

  if (err) {
    console.log('error rendering', err);
  } else {
    console.log('rendered');
  }
});
```

Installation
------------

[](#installation)

Fetch [bpmn-js prebuilt](https://github.com/bpmn-io/bower-bpmn-js) or install it via [npm](https://www.npmjs.com/package/bpmn-js).

#### Fetch Prebuilt

[](#fetch-prebuilt)

The [bower-bpmn-js](https://github.com/bpmn-io/bower-bpmn-js) repository contains pre-built bundles of bpmn-js.

Download them directly *or* fetch them with [Bower](http://bower.io/):

```
bower install bpmn-js

```

Checkout the [example project](https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-bower) to get started.

#### Install via npm

[](#install-via-npm)

Fetch the library via npm to get fine grained access to the parts you need:

```
npm install --save bpmn-js

```

Make sure you use [browserify](http://browserify.org) or the like to bundle your project and bpmn-js for the browser.

Checkout the [example project](https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-commonjs) to learn more.

Resources
---------

[](#resources)

- [Demo](http://demo.bpmn.io)
- [Issues](https://github.com/bpmn-io/bpmn-js/issues)
- [Examples](https://github.com/bpmn-io/bpmn-js-examples)
- [Forum](https://forum.bpmn.io)

Building the Project
--------------------

[](#building-the-project)

Perform the following steps to build the library, including running all tests:

```
cd bpmn-js
npm install
npm run all

```

You may need to perform [additional project setup](https://github.com/bpmn-io/bpmn-js/blob/master/docs/project/SETUP.md) when building the latest development snapshot.

Please checkout our [contributing guidelines](https://github.com/bpmn-io/bpmn-js/blob/master/CONTRIBUTING.md) if you plan to file an issue or pull request.

Related
-------

[](#related)

bpmn-js builds on top of a few additional powerful tools:

- [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle): Read / write support for BPMN 2.0 XML in the browsers
- [diagram-js](https://github.com/bpmn-io/diagram-js): Diagram rendering and editing toolkit

License
-------

[](#license)

Use under the terms of the [bpmn.io license](http://bpmn.io/license).

###  Health Score

28

—

LowBetter than 52% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 71.2% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3588d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8cd960536c07e255b2e6f7e55c03c6d09274b215ccceaccc38926ffe03e098a7?d=identicon)[bgauthier](/maintainers/bgauthier)

---

Top Contributors

[![nikku](https://avatars.githubusercontent.com/u/58601?v=4)](https://github.com/nikku "nikku (564 commits)")[![ISO50](https://avatars.githubusercontent.com/u/6464494?v=4)](https://github.com/ISO50 "ISO50 (105 commits)")[![pedesen](https://avatars.githubusercontent.com/u/2543743?v=4)](https://github.com/pedesen "pedesen (65 commits)")[![ricardomatias](https://avatars.githubusercontent.com/u/8850708?v=4)](https://github.com/ricardomatias "ricardomatias (28 commits)")[![philippfromme](https://avatars.githubusercontent.com/u/7633572?v=4)](https://github.com/philippfromme "philippfromme (15 commits)")[![bgauthier](https://avatars.githubusercontent.com/u/1789355?v=4)](https://github.com/bgauthier "bgauthier (5 commits)")[![adbre](https://avatars.githubusercontent.com/u/1292956?v=4)](https://github.com/adbre "adbre (3 commits)")[![davcs86](https://avatars.githubusercontent.com/u/1994615?v=4)](https://github.com/davcs86 "davcs86 (2 commits)")[![mhariri](https://avatars.githubusercontent.com/u/1328129?v=4)](https://github.com/mhariri "mhariri (1 commits)")[![meyerdan](https://avatars.githubusercontent.com/u/488063?v=4)](https://github.com/meyerdan "meyerdan (1 commits)")[![hawky-4s-](https://avatars.githubusercontent.com/u/398613?v=4)](https://github.com/hawky-4s- "hawky-4s- (1 commits)")[![guillaumegarcia13](https://avatars.githubusercontent.com/u/2786038?v=4)](https://github.com/guillaumegarcia13 "guillaumegarcia13 (1 commits)")[![polenz](https://avatars.githubusercontent.com/u/2493231?v=4)](https://github.com/polenz "polenz (1 commits)")

### Embed Badge

![Health badge](/badges/intelogie-bpmn-js/health.svg)

```
[![Health](https://phpackages.com/badges/intelogie-bpmn-js/health.svg)](https://phpackages.com/packages/intelogie-bpmn-js)
```

###  Alternatives

[akeneo/pim-community-standard

The "Akeneo Community Standard Edition" distribution

42787.4k](/packages/akeneo-pim-community-standard)[silverstripe/html5

HTML5 support for SilverStripe

14232.8k4](/packages/silverstripe-html5)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)