Why choose JsPlumb over ReactFlow?
✓
Fully integrated built-in layouts✓
No external dependencies✓
Powered by a graph which you can interact with, to test for paths from some vertex to another, check if something is connected, etc✓
Transactions: batch several operations on your model and undo/redo them all at once.✓
Straightforward licensing: pay for a perpetual license with 12 months of new releases✓
Integration with Angular, Vue and Svelte.✓
Flexible and composable. Once you reach the limit of ReactFlow's capabilities it's difficult to extend.✓
Comprehensive component testing manager| ReactFlow | JsPlumb | |
|---|---|---|
| Integration with Angular, Vue and Svelte | ||
| Integration with React | ||
| Depends on multiple external libraries | ||
| Supports touch events | ||
| Full text search | ||
| Dialogs module | ||
| Object inspectors | ||
| Custom layouts | ||
| Edit edge paths | ||
| Transactions | ||
| Render dynamic selections | ||
| Magnetizer - prevent elements overlappingread more about this | ||
| Component testing support | ||
| Access to unminified source code | ||
| No restrictions on use of license | ||
| Graph Layout Algorithms | ||
| Dedicated support available | ||
| Export to SVG, PNG and JPG | ||
| Vertex avoidance for edges |
Everything you need to build world-class apps in record time
Layouts
Force Directed, Hierarchy, Balloon, Circular, or write your own
Miniview
View and move the canvas in miniature
Undo & Redo
On every model operation
Surface
Infinite panning, smooth as butter zoom
Path Editing
Edit paths via mouse/touch
Shape Libraries
Render your nodes as SVG shapes
Graph Operations
Interact deeply with your data model
Resize Objects
Resize objects with mouse/touch
Paths
Show/animate paths between elements
CSS
Fully customizable via CSS
Trusted by leading companies worldwide
Rapidly build diagrams and graphical front ends
Flowcharts
Our fully featured flowchart includes support for custom shapes, edge routing to avoid vertices, node resizing, and SVG/PNG/JPG export.
Gantt charts
This interactive Gantt chart features tasks, task groups and milestones. Drag dependencies between tasks and use the inspector to update task names and their progress. Timeline options are configurable, and we use JsPlumb's support for floated labels to handle horizontal scroll.
Chatbots
Use JsPlumb to build a Chatbot editor, with actions, messages, input and choices.
Call Flow
Use JsPlumb to build a visual Call Flow editor.
Kanban boards
Fully featured Kanban board. Drag items between columns and use the inspector to update items and columns.
Network Topology Diagrams
The Network Topology Diagram builder uses our neat selection of drawing and sizing tools to provide a solid foundation for your own Network Topology application.
Schemas
Includes support for tables, views, multiple columns types, and column relationships. Easily extensible.
Org Charts
JsPlumb makes it simple to build interactive org charts. This starter app uses the classic org chart layout and provides an inspector from which the user can navigate around.
Mindmaps
The mindmap builder highlights several advanced features JsPlumb offers such as custom layouts, parsers and exporters
Nested Groups
Learn about how JsPlumb lets you work with groups nested to an arbitrary level, with full drag and drop support.
Path Tracing
Leverage JsPlumb's underlying Directed Graph to visualize paths between elements.
Hello World
This app is designed to give you a basic starter app from which you can build your own, without any of the bells and whistles included in our other starter apps.
Image Processor Pipeline
Fully featured image processor using HTML canvas for you to use as a base for your own apps.