jerosoler/Drawflow

Health v2 · maintenance only

Adoption not part of the score

6106 stars · 886 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Drawflow is a lightweight, dependency-free JavaScript library for building node-based flow editors in the browser. It lets users drag nodes, connect inputs and outputs, manage multiple modules, and import/export flow data with just a few lines of code.

Use cases

• build a node-based visual programming editor in the browser
• create a flowchart editor with draggable nodes and connections
• implement a dataflow pipeline builder like n8n or node-RED style interfaces
• embed an interactive workflow editor in a Vue or vanilla JS app
• let users visually wire up automation workflows with inputs and outputs
• build a low-code editor where users connect blocks to define logic

When to choose

• you need a lightweight, zero-dependency flow editor in vanilla JavaScript
• you want mobile support and simple import/export of flow data
• you're building a Vue or Nuxt app and want component-based nodes
• you need multiple inputs/outputs, rerouting, and modules without heavy frameworks

When to avoid

• you need advanced features like undo/redo, minimap, or collaborative editing out of the box
• you're working in React and prefer a React-native node editor like React Flow
• you need a full workflow execution engine rather than just the editor UI
• you require long-term maintenance guarantees, as the project sees infrequent releases

Facets

library · maturity stable

editor ui-components frontend-framework web-development frontend developer-tools browser flow-based-programming node-based-editor dataflow graph-editor flowchart vanilla-javascript no-dependencies visual-programming automation javascript nodejs vue

Member repositories

For agents

markdown · JSON · MCP: product_card(name="jerosoler/Drawflow")