Wire your ideas with Vue Flow
A customizable Vue component for building node-based editors and interactive diagrams
2.0.0-next.17
Current Version
224
Weekly Installs
MIT
License
Vue Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by subscribing to Vue Flow Pro.
Vue Flow ProGetting Started with Vue Flow
Make sure you've installed npm, pnpm or yarn. Then you can install Vue Flow via:
Ready out-of-the-box
The things you need are already there: dragging nodes, zooming, panning, selecting multiple nodes, and adding/removing edges are all built-in.
Get startedPowered by us.
Designed by you.
We play nice with Tailwind and good old CSS. Vue Flow nodes are just Vue components. Create custom nodes to have full control with interactive components.
Custom nodes guideAll the right components
Make more advanced apps with the Background, Minimap, Controls, and Panel components.
Read moreInteractive Examples
See Vue Flow in action
To see all the capabilities of Vue Flow, check out the interactive examples which are regularly updated.
See all examplesA project by xyflow
We are xyflow, a small team of passionate developers based in Berlin. We are the maintainers of React Flow, Svelte Flow and the communities around them.