Build a production-grade BPMN editor with the most flexible and extensible diagram library
Standard BPMN 2.0 notation, automated process layout, and seamless integration with execution engines — everything your business process product needs, at a fraction of the cost.
Get the code
Grab the source code from Github and start working on your new app right now.
- React
- Angular
- Vue
- Svelte
npx degit [email protected]:visuallyjs-react/bpmn bpmn
npx degit [email protected]:visuallyjs-angular/bpmn bpmn
npx degit [email protected]:visuallyjs-vue/bpmn bpmn
npx degit [email protected]:visuallyjs-svelte/bpmn bpmn
Why choose VisuallyJs over the alternatives
No Watermarks
Unlike other popular BPMN libraries like bpmn-js, VisuallyJs is a professional commercial product that does not force a watermark onto your canvas. Your application remains your own, branded exactly how you want it.
Unbeatable Value
VisuallyJs provides the same (and often better) performance and flexibility as JointJS, but at 3 times less the cost. We believe in providing enterprise-grade tools at a price that makes sense for your business.
Who builds BPMN tools with VisuallyJs
Business Process Model and Notation (BPMN) is the global standard for process modeling. VisuallyJs provides the robust foundation required to build enterprise-scale BPMN tools.
Business Process Management (BPM) Suites
Comprehensive platforms for modeling, executing, and monitoring business processes. VisuallyJs provides the modeling canvas that integrates directly with your execution engine's XML or JSON definitions.
Workflow Automation Platforms
Tools for automating repetitive tasks and orchestrating complex workflows across multiple systems. VisuallyJs handles the complexity of branching logic and nested sub-processes with ease.
Enterprise Architecture Tools
Software for mapping out organizational structures and business capabilities. VisuallyJs's support for pools and lanes makes it ideal for visualizing how processes cross department boundaries.
Compliance & Audit Documentation
Solutions for documenting standard operating procedures (SOPs) to meet regulatory requirements. VisuallyJs ensures your diagrams are standard-compliant and easy to export for reports.
BPMN Features out of the box
Full BPMN 2.0 Symbol Set
Tasks, gateways, events, and data objects. VisuallyJs includes a comprehensive library of standard-compliant BPMN shapes.
Pools and Lanes
Visualize organizational boundaries and responsibilities with first-class support for pools and lanes, including automatic resizing and element containment.
Automated Process Layout
Complex processes can be difficult to organize manually. VisuallyJs includes layout engines specifically tuned for business process flows.
Standard XML/JSON Support
Easily import and export your diagrams to standard formats for interoperability with other BPMN tools and execution engines.
Extensive plugin library
Accelerate development with 15+ pre-built plugins: miniviews, snaplines, undo/redo, automatic edge routing, and more.
Interactive Property Inspectors
Attach technical metadata to your process steps—like script tasks or service endpoint configurations—using integrated inspectors.
Framework-agnostic
VisuallyJs works with React, Angular, Vue, Svelte and TypeScript. Integrates cleanly into your existing application architecture without constraints - but offers a range of tightly integrated components to help you build professional applications for your target library with ease.
Start building your BPMN editor today
The VisuallyJs BPMN demo gives you a working starting point with standard-compliant symbols, pools, lanes, and a clean extensible architecture. Talk to us today and have a working app in days.