// the find
bcakmakoglu/vue-flow
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.
Vue Flow is a Vue 3 flowchart/node-graph component ported from React Flow, built on D3 for zoom/pan and VueUse for reactivity. It's for developers who need to build visual editors, workflow builders, or diagram tools in Vue 3 apps. Think n8n-style UIs or pipeline configurators.
The React Flow lineage means the mental model is well-tested and the feature set is genuinely complete — custom nodes, custom edges, connection validation, nested nodes, and a minimap all work out of the box. The TypeScript types are thorough and the composable API (`useVueFlow`) gives you granular programmatic control over graph state without fighting the component. The monorepo structure with changesets and a proper changelog suggests this is maintained like a real library, not a side project. Stress-test example included in the docs is a good sign — someone thought about performance.
It's a port, not an original design — the underlying architecture mirrors React Flow's patterns and the debt shows when you need Vue-idiomatic behavior (slots vs render props, reactivity model differences). No built-in auto-layout: you have to wire in Dagre or ELK yourself, which is a surprising gap for a flowchart library in 2026. The global CSS import requirement (`@import` without `scoped`) is a footgun in larger apps where style isolation matters. Accessibility is not mentioned anywhere in the docs or README, which matters if you're building anything user-facing.