Skip to main content

Nested Instances

Use JsPlumb's ability to nest instances to implement a simple desktop
Vanilla JS
React
Angular
Vue
Svelte
Typescript
JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

The source code for this demo is available on Github.

Vanilla JS
https://github.com/jsplumb-demonstrations/nested-instances

If you haven't got a license for JsPlumb, we offer 30 day evaluations.

Start a free trial

Nested Instances

JsPlumb instances can be nested inside other instances, and each instance pans and zooms independently. With this capability you can use JsPlumb to build a simple desktop

Read more about this demo
More Demos
See all demos

Flowchart builder application - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Flowchart

Gantt chart builder application - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

Gantt

Chatbot builder application - JsPlumb, build diagrams and rich visual UIs fast

Chatbot

Callflow builder application - JsPlumb - When you've reached the limit with ReactFlow, we can help!

Call Flow

Kanban application - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

Kanban

Network topology diagram builder - JsPlumb, leading alternative to GoJS, JointJS and ReactFlow

Network Topology

Database schema builder application - JsPlumb, build diagrams and rich visual UIs fast

Database Schema

Org Chart application - JsPlumb, industry standard diagramming and rich visual UI Javascript library

Org Chart

Mindmap builder application - JsPlumb - When you've reached the limit with ReactFlow, we can help!

Mindmap

Element grouping demonstration - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Nested Groups

Path tracing demonstration - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

Path Tracing

Hello world demonstration - JsPlumb, industry standard diagramming and rich visual UI Javascript library

Hello World

Image processor application - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Image Processor

Neighbour views dynamic selections demonstration - JsPlumb, build diagrams and rich visual UIs fast

Neighbourhood Views

Active filtering demonstration - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

Active Filtering

Org chart layout demonstration - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

Hierarchy Layout

CAD Drawing tools demonstration - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Connector Editors

Force directed layout demonstration, org chart layout demonstration - JsPlumb, build diagrams and rich visual UIs fast

Layouts

Collapsible hierarchy Italic language family demonstration - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Collapsible Hierarchy

Nested instances desktop example - JsPlumb, build diagrams and rich visual UIs fast

Nested Instances