# jerosoler/Drawflow

Simple flow library 🖥️🖱️

Repository: https://github.com/jerosoler/Drawflow
Canonical: https://ross.abutalabs.com/products/drawflow
Homepage: https://jerosoler.github.io/Drawflow/
Language: JavaScript
License: MIT
License Family: permissive
Topics: flow, javascript, javascript-library, flow-based-programming, flowchart, visual-programming, dataflow-programming, graph-editor, dataflow, drawflow, editor, vue, nodebased
Last push: 2024-10-19T21:55:00+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2325, "days_push": 683, "days_rel": 729, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 6106, forks 886 (observed 2026-08-28T04:09:35.113392+00:00)

## What it is
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
- artifact type: library
- maturity: stable
- function: editor, ui-components, frontend-framework
- domain: web-development, frontend, developer-tools
- platform: browser
- tags: flow-based-programming, node-based-editor, dataflow, graph-editor, flowchart, vanilla-javascript, no-dependencies, visual-programming, automation, javascript, nodejs, vue

## Member repositories
- jerosoler/Drawflow (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:35.113392+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:48:12.488385+00:00, confidence not recorded.
  - readme: https://github.com/jerosoler/Drawflow (fetched 2026-08-28T04:09:35.113392+00:00, sha 44eaf76e520c)
  - homepage: https://jerosoler.github.io/Drawflow/ (fetched 2026-08-29T08:44:56.394549+00:00, sha d91779023bce)
  - registry_npm: https://registry.npmjs.org/drawflow (fetched 2026-08-29T08:44:56.403581+00:00, sha 775f129bb79a)
- Data as of 2026-08-30T08:39:29.467469+00:00.