bpmn-io/bpmn.io

Stars
148
Rank 249,983 (Top 5 %)
Language Handlebars
Created almost 11 years ago
Updated about 1 year ago

bpmn-io/bpmn.io

bpmn-io

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

The bpmn.io website sources.

Checkout bpmn-js, dmn-js, or form-js if you search for our modeling toolkits.

bpmn.io

These bpmn.io project website sources.

Building the Website

The site is built via npm and requires a setup Node.js environment.

Generating the Site

Make sure you have the environment properly set up.

Develop

Build and serve the site on localhost:9000 via

npm run dev

Publish

Create a distribution ready version of the site via

npm run all

Fetch the results from the dist folder.

bpmn-js-examples

Examples how to use bpmn-js

diagram-js

A toolbox for displaying and modifying diagrams on the web.

form-js

View and visually edit JSON-based forms.

bpmn-moddle

Read and write BPMN 2.0 XML from JavaScript.

dmn-js

View and edit DMN diagrams in the browser.

bpmn-js-properties-panel

A properties panel for bpmn-js.

bpmn-js-token-simulation

A BPMN 2.0 specification compliant token simulator.

vue-bpmn

Display BPMN 2.0 diagrams in Vue.js

react-bpmn

Display BPMN 2.0 diagrams in React.

awesome-bpmn-io

A curated list of bpmn.io related projects and resources.

bpmnlint

Validate BPMN diagrams based on configurable lint rules.

vs-code-bpmn-io

View and edit BPMN diagrams in VSCode. Powered by bpmn.io tools.

bpmn-font

A BPMN 2.0 symbol font

path-intersection

Computes the intersection between two SVG paths.

bpmn-js-nyan

bpmn-js, nyan cat style 🌈 🐱

moddle

Meta-model based data structures for those who need it

cmmn-js

A CMMN 1.1 rendering toolkit and web modeler.

bpmn-to-image

Convert BPMN 2.0 diagrams to PDF documents or PNG files.

bpmn-js-i18n

Internationalization resources for bpmn-js

bpmn-js-example-angular

An example how to integrate bpmn-js with an Angular application.

bpmn-auto-layout

Layout BPMN diagrams, generating missing DI information.

bpmn-js-bpmnlint

A bpmnlint plug-in for bpmn-js.

bpmn-js-cli

A command line interface for bpmn-js. BPMN 2.0 modeling that just works!

tiny-svg

A minimal toolbelt for builing fast SVG-based applications

bpmn-js-example-custom-elements

An example of how to support custom elements in bpmn-js while ensuring BPMN 2.0 compatibility.

bpmn-js-differ

A diffing utility for BPMN 2.0 documents.

moddle-xml

Read and write XML documents described with moddle.

bpmn-js-example-react-properties-panel

An example how to build a simple properties panel for bpmn-js using React

dmn-js-examples

Some examples on how to use dmn-js

diagram-js-minimap

A minimap for diagram-js

bpmn-js-example-custom-shapes

Creating custom elements in bpmn-js that live outside a BPMN 2.0 diagram.

bpmn-js-seed

[DISCONTINUED] A project to quickly get started with bpmn-js

properties-panel

Library for creating bpmn-io properties panels.

bpmn-js-example-model-extension

An example of creating a model extension for bpmn-js

bpmn-js-sketchy

A sketchy renderer for bpmn-js.

form-js-examples

A collection of form-js examples.

diagram-js-examples

bpmn-js-color-picker

A simple color picker for your BPMN elements.

bpmnlint-playground

A place to try out bpmnlint rules 🚀.

table-js

A blazing fast library for viewing and editing tables

dmn-testing-plugin

Camunda Modeler plugin that allows testing of a DMN decision.

camunda-transaction-boundaries

Visualize all Camunda transaction boundaries in a BPMN diagram.

bpmn-js-diffing

Visual diffs for BPMN 2.0 diagrams

bpmn-js-embedded-comments

Simple comments for bpmn-js

diagram-js-direct-editing

Direct editing support for diagram-js

feel-editor

Editor for FEEL expressions.

bpmn-io-chrome

A offline modeler for BPMN 2.0 diagrams based on bpmn-js

bpmn-js-example-custom-controls

An example how to add custom editor controls to bpmn-js

min-dash

Minimum utility toolbelt

dmn-moddle

Read and write DMN XML from JavaScript.

element-template-chooser

A simple element template chooser for properties-panel >= 1.

bpmn-io-callbacks-to-promises

Promises are heaven. Callbacks are hell.

dmn-js-properties-panel

A properties panel for dmn-js.

feelers

A text templating solution built on top of FEEL

bpmn-js-connectors-extension

An element templates everywhere bpmn-js extension.

bpmn-js-task-priorities

Define the priorities of BPMN activities via size and color

bower-bpmn-js

[DISCONTINUED] Pre-packaged version of bpmn-js

cmmn-js-examples

Some examples how to use cmmn-js

drag-tabs

A tiny tab dragging utility

bpmn-properties-panel

Properties panel for bpmn-js, built on top of @bpmn-io/properties-panel.

min-dom

A minimal DOM utility toolbelt. Library friendly and based on utilities provided by component.

bpmn-js-create-append-anything

A create/append anything bpmn-js extension.

element-template-playground

A playground to edit element templates

bpmn-js-example-custom-rendering

An example of creating custom rendering for bpmn-js

diagram-js-origin

A point of origin crosshair for diagram-js

docs.bpmn.io

bpmn.io Toolkit Documentation

json-schema-validator

Validate JSON based on JSON Schema files

scroll-tabs

A tiny tab scrolling utility

diagram-js-grid

A visual grid for diagram-js

element-templates

The home of bpmn.io element templates

svelte-bpmn

Embed BPMN 2.0 diagrams in your Svelte app

ids

Simple id generation and caching

bpmnlint-plugin-example

A example bpmnlint plug-in

bpmn-js-guideline-validation

A guideline checker extension for bpmn-js

bpmn-questionnaire

A library for questionnaires on BPMN 2.0.

bpmn-questionnaire-example

Example project that makes use of the bpmn-questionnaire library.

element-template-icon-renderer

A bpmn-js extension to render element template icons.

bpmn-js-element-templates

The element template extension for bpmn-js

element-templates-validator

Validate element templates based on JSON Schema.

bpmn-js-integration

Integration test infrastructure for bpmn-js (MIWG, custom)

object-refs

Minimal bi-directional object references for JavaScript

tasks

The bpmn.io task board

design-principles

The design principles that guide our tool UX

diagram-js-ui

Reactive UI utilities for diagram-js and extensions

bpmn-js-executable-fix

bpmn-js extension which makes sure that `isExecutable` is set on `bpmn:Process`

dmn-migrate

Migrate your DMN diagrams to the latest DMN version

cmmn-js-properties-panel

A properties panel for cmmn-js.

refactorings

BPMN refactoring suggestions powered by AI.

bpmn-js-collapse-subprocess

bpmn-js extension which enhances subprocess modeling with replace menu

properties-panel-async-example

Example properties panel extension with asynchronous data.

bpmn-in-color-moddle

bpmn-js-tracking

A bpmn-js extension that provides a framework for tracking diagram editing events.

align-to-origin

Nicely align your diagrams to the coordinate origin.

eslint-plugin-bpmn-io

Common lint rules for bpmn.io projects

dmnlint

Validate DMN diagrams based on configurable lint rules.

dmn-js-syntax-highlighting

FEEL syntax highlighting for dmn-js

bpmn-js-signavio-compat

Interoperate with Signavio exported diagrams

sr

A simple setup and run tool for bpmn.io based projects

issue-labels

Documentation and synchronization utilities for issue and pull request labels used across our projects.

cmof-parser

A parser for CMOF meta-model descriptor files