alibaba/butterfly
🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件) observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2863
- days_rel: n/a
- days_push: 835
- n_releases_24m: 0
Adoption not part of the score
4650 stars · 610 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Butterfly is a data-driven, node-based diagramming library for JavaScript, React, and Vue2, focused on flow layout. It provides canvas, node, edge, group, and endpoint primitives for building interactive flowcharts, DAGs, and node orchestration UIs.
Use cases
- build an interactive flowchart editor in the browser
- render DAG pipeline visualizations
- create a node-based workflow orchestration UI
- draw BPMN-style process diagrams
- build a mindmap or tree diagram with draggable nodes
- embed a canvas with zoom, pan, and draggable nodes in a React or Vue2 app
When to choose
- you need a flow/DAG diagramming library with React or Vue2 integration
- you want DOM-based customizable nodes rather than pure SVG rendering
- you need built-in layout algorithms, minimap, tooltips, and hotkeys for diagram editors
When to avoid
- you need Vue3 support (only Vue2 is supported)
- you need a general-purpose charting or data-plotting library
- you require a fully maintained React wrapper (it is no longer maintained; native butterfly is recommended)
Facets
library · maturity maintenance
ui-components data-visualization graphics web-development frontend data-visualization developer-tools browser diagramming flowchart dag bpmn mindmap svg node-editor flow-layout javascript react vue
1 source
- readme: https://github.com/alibaba/butterfly · fetched 2026-08-28 · b8fb3f0a32e2
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| alibaba/butterfly | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="alibaba/butterfly")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem