{"repo":"bcakmakoglu/vue-flow","free":true,"listed":false,"github":"https://github.com/bcakmakoglu/vue-flow","clone":"git clone https://github.com/bcakmakoglu/vue-flow.git","description":"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.","language":"TypeScript","stars":6786,"topics":["vue","vue3","flowchart","typescript","javascript","diagrams","flow","turborepo","vite","vitepress"],"license":"MIT","category":"deployment-docker-iac","readme_excerpt":"Vue Flow 🌊 Vue Flow: A highly customizable Vue 3 Flowchart component. You can find a detailed explanation on how to get started here or jump right into the examples. Table of contents ⭐️ Features 🛠 Setup 🎮 Quickstart + 🪴 Vue 2 🧪 Development + 🐳 Dev Container Discord 💝 Special Thanks ⭐ Stargazers ⭐️ Features - 👶 Easy setup : Get started hassle-free - Built-in zoom- & pan features, element dragging, selection and much more - 🎨 Customizable : Use your custom nodes, edges and connection lines and expand on Vue Flows' functionality - 🚀 Fast : Tracks changes reactively and only re-renders the appropriate elements - 🧲 Utils & Composition : Comes with graph helper and state composable functions for advanced uses - 📦 Additional Components : - 🖼 Background: With two built-in patterns and some configuration options like height, width or color. - 🧭 Minimap: Shows current nodes in a small map shape in the bottom right corner - 🕹 Controls: Control zoom behavior from a panel on the bottom left - 🤖 And (many) more to come... - 🦾 Reliable : Fully written in TypeScript 🛠 Setup 🎮 Quickstart In Vue Flow, an application structure consists of nodes and edges , all of which are categorised as elements . Each element requires a unique id. Nodes additionally need an XY-position , while edges require a source and a target , both represented by node ids. ⚠️ Make sure to import the necessary styles: Do not scope these styles with scoped in your component. 🪴 Vue 2 This library doesn't","default_branch":null,"files":null,"tree":[],"storefront":"/r/bcakmakoglu","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bcakmakoglu/vue-flow/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}