vue-flow
A highly customizable Vue 3 component library for building interactive flowcharts and node-based diagrams.
What is vue-flow?
Vue Flow is a Vue 3 component library for building interactive flowcharts and node-based diagrams. It provides a customizable set of components for creating visual editors with features like zoom, pan, and node manipulation. The library solves the need for a Vue-native solution to create complex graph-based interfaces without relying on React-based alternatives.
Vue 3 developers building applications that require interactive diagrams, flowcharts, or node-based visual editors, such as workflow builders, data pipeline tools, or process modeling software.
Developers choose Vue Flow for its seamless integration with Vue 3's composition API, high performance through reactive updates, and extensive customization options for nodes and edges. It offers a Vue-first alternative to React Flow, with built-in utilities and additional components like a Minimap and Controls panel.
Overview
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.
Use Cases
Best For
- Building workflow or process modeling tools in Vue 3
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.