JointJS, a solution preferred by thousands of developers

Opt for a mature diagramming library and build professional applications with confidence.

JointJS+ diagram

3 reasons to choose

JointJS over mxGraph

Remote troubleshooting

Ever-evolving technology

We are a stable company committed to investing in our technology for years to come. Choose stability over abandonware.
Remote troubleshooting

150+ app templates

We provide you with 150+ app demos (including source code) that serve as a boilerplate for your next project.
Remote troubleshooting

Documentation & tutorials

You will not walk alone. JointJS has a comprehensive tutorial path and detailed documentation to help you succeed.
Trusted by over 50 000 developers worldwide

Build a professional visual application with ease

Start a 30-day trial and get access to all JointJS+ features and demo applications.

comparison

Feature comparison

JointJS logoJointJS+ logo
Feature icon
Integration with all major JS frameworks

Demonstrated integration with React, Angular and Vue.

Cross icon
Check icon
Feature icon
Unminified source code

Access to unminified source code of the library at no extra cost.

Check icon
Check icon
Feature icon
No restrictions on use of the standard license

Perpetual unlimited commercial use of the license at no extra cost (e.g. based on number of deployed apps, end-users, and/or machines).

Check icon
Check icon
Feature icon
Dedicated support available

Private support channel with guaranteed SLAs offered at extra cost.

Cross icon
Check icon
Feature icon
Easy-to-implement accessibility

All diagram components are natively part of the web page DOM, enabling basic support for screen reader technology.

Check icon
Check icon
Feature icon
Ease of development

Frontend developers can leverage their usual tools for quick debugging, meaningful testing and easy application of custom CSS.

Check icon
Check icon
Feature icon
Virtualization functionality

Ability to handle large number of objects efficiently by rendering only the visible area of the diagram.

Cross icon
Check icon
Feature icon
Extensive set of UI components

Provides a large collection of reusable diagram components (e.g. element palette, minimap, context menu, tooltip).

Check icon
Check icon
Feature icon
Advanced diagram functionality

Advanced tools for working with diagram nodes and edges (e.g. custom buttons, automatic edge routing).

Cross icon
Check icon
Feature icon
Advanced control interactions

Support for touch events and custom keyboard shortcuts.

Check icon
Check icon
Feature icon
Wealth of graph layout algorithms

Support for orgchart, flowchart and force-directed automatic graph layouts.

Check icon
Check icon
Feature icon
Variety of export tools

Provides various export options such as PNG, JPEG, SVG or PDF.

Check icon
Check icon
Feature icon
BPMN shapes

Offers a collection of pre-made reusable BPMN shape definitions.

Check icon
Check icon
Feature icon
Detailed API documentation

API documentation provides sufficient technical detail for custom development.

Check icon
Check icon
Feature icon
Numerous demos

Offers a rich collection of pre-built demo applications that can be used as templates for your project.

Check icon
Check icon
Feature icon
Comprehensive tutorial

Helps with kickstarting your development with a thorough training path.

Cross icon
Check icon

Unlock all JointJS+ features for free

Start a no-obligation 30-day trial and get access to all premium features and plugins.

Honest testimonial from

those who considered mxGraph

Learn directly from our customers the main reasons why they prefer JointJS.

Our requirement was to use a product with support for designing interactive diagrams based on a tree of a objects. We evaluated JointJS, mxGraph and GoJS.

We chose JoinJS+ because of its seamless integration with React - our code was 60% smaller than with the other products, which means writing faster.

The support we received, even when we weren’t customers, was outstanding, with custom examples that showed how to implement our requirements.

Some features that suited our needs were: undo/redo feature, including additional object shapes to the app’s palette, native JSON serialisation/deserialization and metadata support.
Diagrams with up to 2000 elements on them were rendered with no problems, making the zoom in/out a pleasure for the users.
Alex Marginet
Principal Software Development Engineer,
Enterprise Transformation Partners
Feature highlights

Complete diagramming toolkit

Don't reinvent the wheel. Let us take care of all the math, interactivity and graphics for you. Use a set of pre-built diagramming tools to build an outstanding app while saving months of complex development and avoiding headaches from never-ending code maintenance.

Automatic layouts and link routing

Lay out nodes as an orgchart, flowchart or force-directed graph, and determine link behavior with built-in or custom routers.

Custom SVG or HTML shapes with ports

Provide your own custom shape definitions (including ports) for your diagram nodes using SVG or HTML.

Export/Import, serialisation

Export your diagrams to various formats (PNG, JPEG, SVG, PDF), or use JSON for an easy integration with your database.

Events

Enable user interaction by triggering events on the JointJS paper, or individual elements and links.

Snaplines, element & link tools

Define custom UI to manipulate elements and links via built-in and custom tools, including snaplines, buttons and connect tools.

Property editor & viewer

Keep all your diagram data in one place using the model-view architecture, and edit it via the property editor & viewer component.

Zoom and pan, copy and paste & undo and redo

Enhance your application with core diagram controls without having to create them from scratch.

Element palette

Organize your shapes in the element palette, then drag & drop to the diagram.
JointJS+ compatibility
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

Speed up your development with a powerful library