Arrow icon
See all demos

Kitchen Sink App

This demo, as the name suggests, presents all the main features of JointJS+ and is a useful guide to understanding the capabilities of our library. In addition to changing the diagram theme, you can utilize features such as exporting to PNG or SVG, interacting with the command manager, adding or removing elements, and controlling the relationships between them.
Demo instructions
Move new elements to the canvas, change their format and control the relationships between them. Use advanced tools like PNG and SVG export, command manager, or even change the theme to your liking.

Made with JointJS+

The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS+

All features required to build this demo are included in the commercial JointJS+ package. Don't have a license yet? Start a trial and build professional applications with ease.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

The source code of this demo is available in the JointJS open-source library which helps developers create simple visual applications in less time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

Made with JointJS

All features required to build this demo application are included in our open-source library, JointJS. Download the package and create basic visual applications in no time.

Compatible with:

ReactAngularVueSvelteHTML5Salesforce Lightning

The role of JointJS+ in building web applications containing a diagramming studio

JointJS+ is a powerful JavaScript diagramming library that helps developers and companies of any size build advanced visual and No-Code applications. It provides a plethora of pre-built plugins and boilerplate applications that shorten the development time significantly, allowing technical teams to focus their energy elsewhere. 

Plugins used in this demo:

  • Toolbar
  • CommandManager
  • PaperScroller
  • Stencil
  • Snaplines
  • Clipboard
  • Selection
  • Navigator
  • Halo
  • Inspector
  • Keyboard
  • FreeTransform
  • Tooltip
  • Lightbox
  • Raster
  • SVG
  • Print

Haven't heard of our diagram library before? Dive deeper into all the benefits and great features it offers 👇

Powering exceptional UIs with a proven JavaScript diagramming library

For more than a decade, our team of engineers has been working on solutions that support innovative ideas and help them see the light of day faster. In that time, we've been fortunate enough to work with companies like IBM, Boeing, AirBnB, BMW and Oracle, as well as small startups and independent entrepreneurs whose demand has helped us narrow our focus to a few key areas where we excel today, and one of which is the SVG approach. We believe in SVG technology that facilitates interaction, promotes accessibility and renders perfectly. That's why it is the building block of JointJS+.

The realization that modern development is not anymore about programming everything from scratch has led us to create a set of features and plugins that are ready to use without the need for further configuration. On the other hand, JointJS+ is a fully customizable solution that puts control in your hands and allows you to modify the capabilities as you need.

Among hundreds of unique stories and needs, we identified one where JointJS+ adds significant value: transitioning from a desktop application to a modern web application. Needless to say, people access the tools they use and love on a variety of devices, which motivated us to fine-tune our library so that it's not only accessible on all devices and screen sizes, but always offers a memorable experience whether your customers or internal teams interact with the application on mobile or desktop.

JointJS+ is made by developers for developers. We know that things get complicated, and we also know that great minds can find a way out of every setback if they work together. This is one of the reasons why we didn't just want to provide standalone solutions and pass on all the responsibility to our customers, but to become valuable partners in their journey to success. Today, this mission is realized through our support services which allows your developers e-meet ours and together find a way to build a successful product.

The sky is the limit to what you can build with JointJS+

While the headline may sound a bit like clickbait, it's actually true. With JointJS+ you can create everything from floor planners, BPMN applications, project management tools containing kanban boards, whiteboards and mindmaps to planograms, organizational charts or even very niche cases like Marey diagrams. 

The library was designed to be expandable and usable for all kinds of needs. Check out more demos in our library or on our CodePen profile to find out more.

The impact JointJS+ has on your business

Let's let the numbers do the talking for a moment. We keep saying that our solutions help developers save time and companies get their products to market faster. But what does that mean in concrete numbers?

HCL Technologies, which leverages JointJS+ and IBM Workload Automation to visually manage complex tasks and activities, reports a 40% savings in development resources and a 20% increase in overall application performance.

Thomas Peugeot from Moss says: “We had a solution with a customized COTS that was not suited and that cost big $$. We decided to switch to dedicated development. We chose to use JointJS+ because we could develop our tool in less than a month with a very moderate development budget and zero deployment budget. We had three iterations with the client, and that was it!”. 

JointJS+ really is a way to get started quickly and with significantly less resources. Try it out for yourself with a free 30-day trial.

Who's behind it

In short, we are diagramming and visual application experts who believe our tools help people achieve their dreams and support the "next billion ideas" that positively change the world. We are fortunate to be supported by a community of developers who share our vision and help us make JointJS+ a better solution. You are welcome to joint them as well.

Speed up your development with a powerful library