Product tour – JointJS, HTML5 diagramming framework

Powerful visual tools

JointJS+ is a diagramming framework for advanced applications, delivering the best of HTML 5 + SVG and providing you with the right tools to build outstanding products.

Create your next visual tools in days, not months, by focusing on your underlying business logic instead of worrying about the UI.

online demo

Free, fully functioning,
no commitment.

Beautiful custom applications

Enjoy interactive flowcharts, diagrams, graphs and more directly inside your apps, and enable users to manipulate the data from within.

Every part of the user interface can be customized to match your experience and brand, and can be embedded in any page, and communicate via AJAX and JSON with any back-end.

FREE TRIAL

many examples to use and
explore, with source code

What it does

JointJS+ can bring your visions to life in many ways.
These are just a few examples:

Diagramming Editors

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

BPMN Tools

Quickly create Business Process Management tools, and connect any backend technology via JSON Ajax.

Project Management

Build project management applications with highly interactive, visual, and customized components.

Workflow Systems

Integrate a visual interface to workflow systems such as IVR, ETL, marketing automation applications and more.

Floor Planners

Add a floor planner editor to your applications dealing with floor layout, event planning and others.

Dependency Management

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

and much more..

Extensive plugin sets

You can easily expand and customize JointJS+ functionality with plugins.

Control Panels

A configurable control panel above diagram elements to keep important tools close at hand.

Element Palettes

Element palette with accordion like grouping for quick and easy access to what you need.

Export

Export your diagrams to other useful formats such as JSON, PNG, JPEG or SVG.

Free Transform

Resize your elements on all sides and in any direction, including when rotated.

Layouts

Automatically and conveniently layout your elements in a tree, grid, or any directed graph.

Undo / Redo

Undo and Redo actions down to an arbitrary level and as often as needed.

Charts

Plots, Bars, Area, Pie & Donuts, Matrix and Knobs. Charts are an element that you can use like any other shape.

Tree Layouts

Automatic tree layout of elements is great for org charts, class inheritance, sitemaps and other similar structures.

Local Storage

A high level API to conveniently and efficiently store graphs and any other documents in a browser's local storage.

Validator

Make sure your documents are always in the state you need them to be by automatically cancelling invalid actions.

Channel

A great feature that allows you to bring real-time collaboration to your applications.

Tooltips

Display your info messages anywhere in the user interface while also supporting HTML content.

Users Love Rappid

JOSÉ MIGUEL GONÇALVES

Project Manager, NOV Inesc Inovação

"Rappid 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 Rappid!"

KEVIN MANSEL

Senior Software Engineer, Patent Navigation

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

RYAN GETEK

Information Systems Security Engineer, U.S. Dept. of Defense

"Thanks for making JointJS and Rappid available, and for continuing to refine it. It is doing exactly what I need."

LATEST NEWS

Welcome to JointJS+