Vue Flow is a library for building node-based applications. These can be simple static diagrams or complex node-based editors. You can implement custom node types and edge types and it comes with components like a mini-map and graph controls. Feel free to check out the examples.

Key Features

  • 👶 Easy to use: Seamless zooming & panning behaviour and single and multi-selections of elements
  • 🎨 Customizable: Different node and edge types and support for custom nodes with multiple handles and custom edges
  • 🚀 Fast rendering: Only nodes that have changed are re-rendered and only those that are in the viewport are displayed (optionally)
  • 🧲 Utils: Snap-to-grid and graph helper functions
  • 📦 Components: Background , Minimap and Controls
  • 🦾 Reliable: Fully written in TypeScript

Vue Flow is still not fully matured. Expect breaking changes!
You can still try it out and build whatever you can with it.