AltHub

jsplumb/jsplumb Alternatives

diagramming / visual connectivity

jsPlumb is a JavaScript library for creating interactive diagrams and connecting visual elements in web applications.

7.8kno licensedormant ยท last push 2.0y agoGitHub

Drop-in peers

Same problem, same approach. Swapping one for another is a config change, not a rewrite.

antvis/X6GitHub

Choose when you need a richer diagramming engine with built-in nodes/edges and no dependency on existing DOM elements.

๐Ÿš€ JavaScript diagramming library that uses SVG and HTML for rendering.

6.7k
TypeScript
MIT
active2mo ago
clientIO/jointGitHub

Choose for a mature diagramming library under MPL-2.0 with a structured graph model.

A proven SVG-based JavaScript diagramming library powering exceptional UIs

5.4k
JavaScript
MPL-2.0
active2mo ago
NorthwoodsSoftware/GoJSGitHub

Choose for a commercial, feature-rich diagramming library with a paid license.

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

8.5k
JavaScript
NOASSERTION
active3mo ago

Same job, different approach

Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.

mermaid-js/mermaidGitHub

Use when diagrams are generated from text markup instead of being interactively edited in the browser.

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

90.0k
TypeScript
MIT
active2mo ago
plantuml/plantumlGitHub

Use when you need diagrams defined in plain text and rendered server-side via PlantUML's Java engine.

Generate diagrams from textual description

13.3k
Java
LGPL-3.0
active2mo ago
antvis/G6GitHub

Use for data-driven graph visualization with built-in layouts, not for connecting existing DOM elements.

โ™พ A Graph Visualization Framework in JavaScript.

12.3k
TypeScript
MIT
active3mo ago
projectstorm/react-diagramsGitHub

Use in React projects for a component-based diagramming API, but note its maintenance is stale.

a super simple, no-nonsense diagramming library written in react that just works

9.4k
TypeScript
MIT
slowing1.5y ago
adrai/flowchart.jsGitHub

Use for simple text-to-SVG flowchart generation in a lightweight way.

Draws simple SVG flow chart diagrams from textual representation of the diagram

8.7k
JavaScript
MIT
slowing9mo ago
bcakmakoglu/vue-flowGitHub

Use in Vue 3 applications when you want a ready-made node editor component.

A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan ๐Ÿ”Ž, additional components like a Minimap ๐Ÿ—บ and utilities to interact with state and graph.

6.8k
TypeScript
MIT
active3mo ago
yuzutech/krokiGitHub

Use as a server-side service to convert many text diagram formats to images, not an interactive editor.

Creates diagrams from textual descriptions!

4.3k
JavaScript
MIT
active2mo ago
tone-row/flowchart-funGitHub

Use for quick text-to-flowchart generation in the browser.

Easily generate flowcharts and diagrams from text โฟป

3.4k
TypeScript
MIT
active2mo ago
skanaar/nomnomlGitHub

Use for text-defined UML class diagrams with a simple syntax.

The sassy UML diagram renderer

2.8k
TypeScript
MIT
active2mo ago
reaviz/reaflowGitHub

Use in React for workflow/flowchart editors, though the repo has been quiet for over a year.

๐ŸŽฏ React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.

2.5k
TypeScript
Apache-2.0
slowing1.4y ago
nocode-js/sequential-workflow-designerGitHub

Choose when you want an embeddable workflow designer rather than building the diagram UI from scratch.

Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com

1.5k
TypeScript
MIT
active3mo ago
AlexeyBoiko/DgrmJSGitHub

Use for a zero-dependency flowchart editor that works on touch devices.

Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.

1.1k
JavaScript
Apache-2.0
active4mo ago
Foblex/f-flowGitHub

Use in Angular applications for a native node editor instead of a framework-agnostic library.

Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.

521
TypeScript
MIT
active2mo ago
open-source-labs/SvelvetGitHub

Use in Svelte apps for a node-based UI library.

๐ŸŽ› A Svelte library for building dynamic, infinitely customizable node-based user interfaces and flowcharts

2.8k
Svelte
none
dormant1.7y ago

Listed as an alternative to

These projects were analysed and named jsplumb among their alternatives. The relationship is not symmetric โ€” how jsplumb rates them is a separate judgement, made when jsplumb is analysed in its own right.

NorthwoodsSoftware/GoJSGitHub

calls jsplumb โ€œUse it to add draggable connections to existing DOM elements; it's a lower-level connectivity tool rather than a full diagram library.โ€

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

8.5kJavaScriptactive
bcakmakoglu/vue-flowGitHub

calls jsplumb โ€œchoose it when you already have your own node DOM and only need visual connection management; it is a lower-level, narrower connectivity library.โ€

A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan ๐Ÿ”Ž, additional components like a Minimap ๐Ÿ—บ and utilities to interact with state and graph.

6.8kTypeScriptactive