LATEST NEWS

‣ Rappid 2.2 now available.
‣ Check out our other product AppMixer!
‣ JointJS+ 3.5 is available now with lots of new features.
‣ NEW VERSION of our automated workflow system Appmixer is out!
‣ Our affordable custom development services deliver your solution quickly.

JointJS: Visualize and interact with diagrams and graphs

Create static diagrams or fully interactive diagramming tools such as workflow editors, process management tools, IVR systems, API integrators, presentational applications and much more.
Rappid, an HTML5 diagramming framework
Abstract line

Uses for JointJS

Looking to build a cool, open source application?  JointJS can do that.  Here are a just few examples.

Featured Application: Mind Mapping

Visually structure your documentation as a beautiful mind map, with neatly organized and searchable content, using our free mind mapping tool - build with JointJS and Rappid.
Check it out
Roadmap

Mind Mapping

Visually structure your documentation as a beautiful mind map, with neatly organized and searchable content.
Rappid, an HTML5 diagramming framework

Workflow Systems

Integrate a visual interface to workflow systems such as IVR, ETL, marketing automation applications and more.
Rappid, an HTML5 diagramming framework

BPMN Tools

Quickly create Business Process Management tools, and connect any backend technology via JSON Ajax.
Rappid, an HTML5 diagramming framework

Project Management

Build project management applications with highly interactive, visual, and customized components.
Rappid, an HTML5 diagramming framework

Diagramming Editors

Build diagramming applications such as Org Chart Editors, Mind Mapping Tools, Flowchart Editors and more.
Rappid, an HTML5 diagramming framework

Floor Planners

Add a floor planner editor to your applications dealing with floor layout, event planning and others.
Rappid, an HTML5 diagramming framework

Dependency Management

Design a dependency management interface to make it easy for app users to follow dependencies in a visual way.
Line

Features of JointJS

JointJS has many native features to support visualization and interaction with diagrams, graphs and much more.
Tick logo
Render hundreds (or thousands) of elements and links with instant interaction
Tick logo
Many shapes to work with (rect, circle, ellipse, text, image, path, erd, org chart, etc.)
Tick logo
Highly event driven, you can react on any event that happens inside the paper
Tick logo
Easily connect diagram elements with links
Tick logo
Customizable links and associated graphics
Tick logo
Links smoothing (bezier interpolation) & smart routing
Tick logo
Custom shapes via SVG or programmatically rendered
Tick logo
Magnets/ports (link connection points) can be placed anywhere
Tick logo
Serialization and deserialization to and from JSON format
Tick logo
Hierarchical Diagrams
Tick logo
Many Mathematical Functions Operating In 2D Space
Tick logo
SVG Library Included
Tick logo
Zooming, Animations, Touch Support
Tick logo
Flexible Plugin System
Tick logo
MVC Architecture
Tick logo
Filters And Gradients
Tick logo
NodeJS Support
Tick logo
Interactive Elements And Links

JointJS+ is the commercial extension to the JointJS Core library. It builds on the JointJS foundation and greatly extends it's functionality with widgets, interaction components, additional shapes, and other functionality to build advanced HTML 5 applications.

Free, fully functioning, no commitment.
FREE TRIAL
Many examples to explore, complete with source code.
online demo
Flexible licensing to meet your needs
buy JointJS+
Line

JointJS core library

To use JointJS you first need the library core files joint.js and joint.css (or their minified versions). Then you need to include the JointJS dependencies: jQuery, Backbone and Lodash libraries. Plugins can be intermixed arbitrarily or not used at all.

How to install JointJS into your page:

script

Development version (3.5.3)

joint.jsjoint.css

Production version (3.5.3)

joint.min.jsjoint.min.css

JointJS Dependencies

jQuery: 3.6.0Lodash: 4.17.21Backbone: 1.4.0
We highly recommend using the above versions of dependencies.
Using npm:
$ npm install --save jointjs
TIP: If you're looking for a complete HTML 5 diagramming framework
solution please visit the JointJS+ section here.
Line

JointJS plugins

Expand JointJS functionality with these plugins.  You can also see them in action via the live demos.
Line

Licensing

Whether you're a single developer or an enterprise organization, we have a licensing model to suit your needs.
Open Source License
( JointJS Core Only )

FREE
JointJS Core library is licensed under the Open Source Mozilla Public License Version 2.0. Everything included in the library is available for download above.
The JointJS Core library does not include JointJS+.
You can obtain a copy of the MPL here and read through the MPL v2 FAQ here.
Commercial License
( Full JointJS+ Framework )

PAID
JointJS+ is a commercial extension to the JointJS Core library and builds on the foundation provided by the JointJS Core library by widely extending its functionality to build truly advanced HTML 5 applications.
Dedicated paid support plans are available, as well as custom built solutions for your organization.
Full license terms for JointJS+ are available here.