To make the state of application managed and processed as data flow.

[](https://vueflow.dev/)   ![GitHub last commit](

This is a background component for Vue Flow. It can be used to create a background in your canvas.

This is a resizer component for Vue Flow. It can be used to resize your nodes.

This is a control component for Vue Flow. It can be used to control the canvas interactions, like zooming in, zooming out, fitting the view and locking interactions.

This is a minimap component for Vue Flow. It can be used to add a minimap to the canvas, which will show a smaller version of the canvas with your nodes. The minimap can also be used to pan and zoom the main canvas.

This package contains additional components that can be used with Vue Flow. These components include:

This is a toolbar component for Vue Flow. It can be used to create a floating Toolbar next to your nodes. You can either display the Toolbar by setting the visibility prop or automatically showing the Toolbar on selected nodes.

Vue 3 blueprint editor for Abuilder (Vue Flow + Ant Design Vue)

Kestra flow topology graph component – powered by Vue Flow

Orcha — Vue Flow canvas adapter and node registry. Re-exports Handle / useVueFlow.

vue flow designer

vue flow designer

__Custom edge that avoids crossing nodes__

联方流程设计器（Vue Flow，前缀 LfWf）

Vue Flow - A highly customizable Vue library for building node-based editors, workflow systems, diagrams and more.

Create conversational conditional-logic forms with Vue.js.

[](https://vueflow.dev/)   ![GitHub code size in bytes](ht

vue flow designer

This is a control component for Vue Flow. It can be used to control the canvas interactions, like zooming in, zooming out, fitting the view and locking interactions.