JsPlumb Toolkit has an extensive feature set to allow you to rapidly build diagrams and UIs with rich graphical content. Click on individual items here to read more.

Angular

All versions of Angular from 16+

React

All versions of React from 16+

Vue

Vue 3 Integration

Svelte

Svelte 3/4 Integration

Layouts

Force Directed, Hierarchy, Balloon, Circular, or write your own

Custom Layouts

Writing your own layout is a snap

Magnetizer

Easily avoid overlapping nodes

Surface

Infinite panning, smooth as butter zoom

Node palette

Drag/drop new nodes and groups

Shape Libraries

Render your nodes as SVG shapes

Controls

Zoom to fit, undo/redo etc

Dialogs

Data-bound dialogs for editing

Inspector

Data-bound inspector for editing

Element Dragger

Make external elements draggable

CSS

Fully customizable via CSS

Miniview

View and move the canvas in miniature

Resize Objects

Resize objects with mouse/touch

Lasso

Lasso elements with the mouse

Graph Operations

Interact deeply with your data model

Undo & Redo

On every model operation

Transactions

Batch multiple operations

Paths

Show/animate paths between elements

Selections

Operate on parts of the dataset in isolation

Full text search

Inverted text search index

Copy & paste

Copy/paste nodes, groups and edges

Path Editing

Edit paths via mouse/touch

Snaplines

Align elements visually