VOOZH about

URL: https://www.jointjs.com/electronic-design-tools

⇱ Electronic design & Schematic editor library — JointJS

Introducing the JointJS MCP server
👁 JointJS – JavaScript Diagramming Library
👁 Image

The diagramming library for building electronic design UIs

JointJS gives electronic design teams a foundation for schematic capture, system architecture, and harness design tools, with pin-level connection semantics, standards-compliant symbols, and a canvas built for real circuit complexity.
👁 Diagram built using JointJS
Use cases

What electronic design software teams build with JointJS

Electronic design teams use JointJS across the full design flow, from system architecture down to schematic capture, simulation UIs, and harness design.

👁 Image

Schematic capture

The logical heart of any PCB workflow. JointJS gives you pin-level connection semantics and full SVG control over component symbols, so your editor reflects the electrical reality of the circuit.
👁 Image

Block diagram and system architecture editors

Before schematic, engineers map subsystems, signal flows, and interface contracts. JointJS powers these canvases, from informal block diagrams to formal MBSE tools in aerospace and automotive.
👁 Image

Simulation and analysis UIs

SPICE operating-point annotation, waveform previews, and AC analysis results rendered on the schematic canvas. JointJS gives you the visual layer to bind simulation engine output to the circuit diagram engineers already understand — you bring the simulation engine, JointJS handles the rendering.
👁 Image

Harness and wiring diagram editors

Connector mapping, wire routing, and splice and ground point representation for embedded and automotive systems. JointJS handles harness design with the same pin-level precision as schematic capture.
Use cases

Who builds BPMN modelers with JointJS

BPMN is used across industries wherever teams need to model, document, or automate business processes. JointJS is the foundation teams choose when bpmn-js isn't enough — because the UI needs to be embedded, branded, or tailored to a specific domain.

👁 Image

BPMN and other workflow engine integrations

Build a branded BPMN modeler embedded in your product that deploys  directly to Camunda 8, Camunda 7, Flowable, or any other BPMN-compliant  engine via API — with engine-specific properties configured in the UI,  not raw XML.
👁 Image

Compliance and process documentation

In healthcare, finance, and insurance, BPMN diagrams serve audit and compliance functions. JointJS lets teams build modelers that integrate with internal systems, enforce design standards, and control exactly what gets exported and where.
👁 Image

BPMN modeling as a product feature

Embed a fully branded BPMN modeler inside your SaaS product — with only the elements your users need, in a UI that matches the rest of your application.
customer story

Trusted by global innovators

👁 Image
“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
see the showcase
👁 Image
Features

What JointJS+ gives you out of the box

Pin-level port connections

Connect wires to specific pins on a component, not to the component body. The fundamental requirement for accurate schematic capture and netlisting.

Custom component symbols

Author resistors, capacitors, ICs, connectors, and transistors as fully custom SVG shapes. IEEE 315 and IEC 60617 compliant symbols with no raster fallbacks.

Orthogonal wire routing

Orthogonal connection routing built in. Junction detection, net labeling, and bus grouping built on top of JointJS's connection model.

Netlist-ready graph model

Components are nodes, pins are ports, wires are edges. The graph data model serializes cleanly to JSON, so writing a SPICE, KiCad, or proprietary format exporter is straightforward.

Component library integration

Bind the canvas to an external component database or part catalog. Drag-and-drop placement with metadata (footprint, manufacturer, datasheet link) attached to each instance.

Hierarchical schematics

JointJS gives you the graph primitives to model multi-sheet designs with port references and off-page connectors. The sheet UX is yours to build, not forced into a generic structure.

Annotation overlays

Render operating-point values, signal names, and simulation results directly on the schematic canvas as live data annotations.

Net tracing

JointJS's graph traversal API lets you walk connectivity to highlight every pin on a net or trace signals across the schematic. The interaction model is yours to build.

ROI analysis: See how much JointJS+ saves you

What will your savings be in 3 years? We compared two scenarios, building a custom canvas from scratch vs. shipping on JointJS+, to find out.
👁 Image
Social proof

What engineering teams say

“ I worked with JointJS+ on different projects to build graphical editors and it helps me get off the ground quickly. Most of the features that you know from other modern editors, even the more advanced ones, are prebuilt in the framework and can be enabled with just a few lines of code. All other features can be added easily due to the framework‘s open nature. And if you get stuck, they provide excellent technical support where you can get in touch directly with the creators of the framework. ”
👁 Image
Andreas Mülder
Team Leader, Itemis
“ The JointJS team has helped us through some of our most difficult requirements to deliver a top-notch product for our customer. Their development team goes above and beyond to assist with questions and is very responsive. I highly recommend both their product and their support package! ”
👁 Image
matthew sullivan
project manager, g2

Start building your schematic editor

JointJS+ gives electronic design software teams the pin-level connection semantics, symbol authoring tools, and canvas performance to build production-grade electronic design UIs. Try it free for 30 days — source code included, perpetual license available.
Start free trial
👁 JointJS logo
JavaScript diagramming library powering exceptional UIs.
Product
👁 Icon
Solutions
👁 Icon
Resources
👁 Icon
Company
👁 Icon
Compatibility
👁 Image
Javascript
React
Angular
Vue
Svelte
client.IO
We are part of client.IO, a company dedicated to developing low-code/no-code tools and empowering innovative thinkers to create amazing products faster. Learn more
Appmixer
We are proud creators of Appmixer, a next-generation embedded iPaaS. Powered by JointJS+. Learn more
Support termsCookie PolicyPrivacy PolicyChange consent settings
This website is haunted