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

[copyleaks/php-plagiarism-checker

Copyleaks detects online plagiarism and checks content distribution. Use Copyleaks to find out if textual content is original and where it has been used before. This package shows how to integrate with the Copyleaks cloud to search for copyright infringement.

5069.7k](/packages/copyleaks-php-plagiarism-checker)[calotype/seo

A package containing SEO helpers.

732.6k](/packages/calotype-seo)[silverstripe/multiuser-editing-alert

A module that indicates when people are editing the same page in the CMS

1531.2k1](/packages/silverstripe-multiuser-editing-alert)

PHPackages © 2026

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