---
source: https://www.jointjs.com
generated: 2026-10-06
format: markdown
---

5.4k Github stars

50k+ weekly downloads

# The diagramming library you don't replace at scale

Build production diagramming tools of any complexity, from AI workflow editors to large, domain-specific modeling apps.

Get started

[Javascript](https://docs.jointjs.com/)[React](https://docs.jointjs.com/react/)[Angular](https://docs.jointjs.com/learn/integration/angular/)[Vue](https://docs.jointjs.com/learn/integration/vue)[Svelte](https://docs.jointjs.com/learn/integration/svelte)

Empowering industry leaders worldwide

[newJointJS for React
Build diagrams the React way
A first-class integration is now available — native React components, full TypeScript support.](https://www.jointjs.com/blog/introducing-jointjs-for-react)

###### SHOWCASE

## Powering applications used by millions of people

Discover outstanding applications built by our customers, used by millions of people worldwide.

AI-assisted onboarding process builder by Silo Team.

Process mining tool inside UiPath, the publicly traded automation leader.

Visual flow builder powering Encharge's marketing automation platform.

SOAR platform for Splunk, Cisco's security operations division.

Single-line grid diagram generator for one of Europe's top five transmission system operators.

###### key features

## Why developers love us

A few of the areas where JointJS makes the hard parts easier.

#### Scalable vector graphics

Vector graphics is the building block of our library. It renders perfectly, supports accessibility and makes interaction easier.

[more information](/features)

#### Versatility

Our library is used in a wide variety of industries and fields for all kinds of applications. Use one of our many demos as a boilerplate for your project and get results in no time.

[more information](/demos)

#### Customizability

Our library can serve everyone from novice programmers who benefit from a range of pre-built features, to experienced developers who need as much customization as possible.

[more information](/features)

#### Browser & framework friendliness

Our library works on all devices and is compatible with all major JavaScript frameworks such as React, Angular, Vue, Svelte and others.

[more information](/features)

#### Exceptional support

Our library is built by developers, for developers. We know things get complicated, and we're proud to provide top-notch support, including conference calls, expert code reviews and other services to help you overcome any obstacles.

[more information](/support)

#### Flexible pricing

JointJS+ is priced per developer, making it suitable for projects of any size. This means you can develop any number of products for any number of users on any number of machines without paying more.

[more information](/pricing)

###### demos & examples

## 180+ boilerplates for your project—and counting

Bring your ideas to life quickly with our constantly expanding library of pre-built demo applications and features.

[#### AI Workflow Builder

See how JointJS for React powers agent-building UIs — connect prompts, skills, and tools visually.](/demos/ai-workflow-builder)

This is some text inside of a div block.

This is some text inside of a div block.

[#### AI Agent Builder

Explore an AI workflow builder packed with advanced diagramming features—getting your app ready for the future of UIs.](/demos/ai-agent-builder)

This is some text inside of a div block.

This is some text inside of a div block.

[#### Data Modeling

Design database schemas visually in your web app: draw tables and relations as an ER diagram.](/demos/data-modeling)

This is some text inside of a div block.

This is some text inside of a div block.

[#### Mermaid Editor

A Mermaid Editor demo turning Mermaid flowchart source into a fully interactive JointJS diagram with real SVG elements.](/demos/mermaid-editor)

This is some text inside of a div block.

This is some text inside of a div block.

[#### Workflow Automation UI

Ship a workflow builder UI faster with our boilerplate and advanced diagramming features.](/demos/workflow-builder)

This is some text inside of a div block.

This is some text inside of a div block.

[#### Marketing Automation Studio

Build a visual marketing automation studio UI for modeling campaign flows and automation logic.](/demos/marketing-automation)

This is some text inside of a div block.

This is some text inside of a div block.

[#### Level Of Detail Performance Optimization (LOD)

A 1,200-node service map where every element swaps its rendering for a cheaper one as you zoom out.](/demos/level-of-detail)

This is some text inside of a div block.

This is some text inside of a div block.

[#### BPMN Editor

The BPMN demo demonstrates a standardized approach to modeling the steps of a business process from start to finish.](/demos/bpmn-editor)

This is some text inside of a div block.

This is some text inside of a div block.

[EXPLORE ALL DEMO apps](/demos)

###### compatibility

## It works everywhere

Our library is based on a strong HTML5 and SVG foundation that allows it to run seamlessly in all major JavaScript frameworks and modern browsers.

###### IMPLEMENTATION IN LEADING JAVASCRIPT FRAMEWORKS

[React](https://docs.jointjs.com/react/)

[Angular](https://docs.jointjs.com/learn/integration/angular/)

[Vue](https://docs.jointjs.com/learn/integration/vue)

[Svelte](https://docs.jointjs.com/learn/integration/svelte)

[**Salesforce Lightning**](https://docs.jointjs.com/learn/integration/lightning)

###### our customers

## JointJS, the first choice of industry leaders

From solo developers to large engineering teams, JointJS is how complex visual applications get built faster and with full control.

### honest testimonials

JointJS+ allowed CELUS to focus all our efforts on developing our core technology, while still providing our users with a great diagramming experience. The library is fast to integrate and comes with a wide set of advanced features out of the box that saved us countless development hours. A great partner to have!

Rui Calsaverini

Engineering Director, CELUS GmbH

JointJS+ was really a great find, as it gave us a great boost in the diagramming frontend of our application. These guys know their business and give you a great support on your development. One of our requirements was to have a BPMN diagram support in our app and they quickly supplied this as a plugin to JointJS+!

José Miguel Gonçalves

Project Manager, INOV

The JointJS+ toolkit is the best solution we found as a full fledged diagramming library for the web. The JointJS team has been extremely responsive to our needs and it’s been great to help contribute back to the product throughout our development process.

Kevin Mansel

Senior Software Engineer, Patent Navigation

JointJS allowed us to quickly develop a tool to generate single-line schematics for our network and easily integrate it into our permit management tool. We also plan to integrate it into another tool in the near future because it offers more functionality and flexibility.

Damien Vanvrekom

Program Manager, Elia

###### versions

## JointJS & JointJS+

Choose our community version for basic solutions, or go professional to create advanced visual applications without limitations.

## Community

Community version for basic apps

JointJS is a community-driven diagramming library that helps developers create simple applications in less time by offering essential UI features.

Open-source code

Essential features

Basic support

New: JointJS for React

## Professional

Swiss-army knife on the road to cutting-edge apps

JointJS+ extends the functionality of JointJS and offers a wide range of customizable features, ready-to-implement demo apps and white-glove support.

Commercial license and source code

40+ UI features

180+ ready-to-use demo apps

Dedicated developer support

New: JointJS+ for React

##### mission

## Creating an environment from which the next big ideas arise

We support developers, innovative thinkers and entrepreneurs who pursue ideas that make a positive impact on the world.

[About us](/about-us)[community](/community)

# JavaScript diagramming library powering exceptional UIs

Build AI-powered visual and no-code apps fast with a feature-rich diagramming library.

[start free trial](/free-trial)

[explore demos](/demos)

20 000+

weekly downloads

50 000+

Developers worldwide

10+

years on the market

Empowering industry leaders worldwide