{"adoption": {"forks": 409, "observed_at": "2026-08-28T04:09:48.715084+00:00", "stars": 6804}, "canonical_url": "https://ross.abutalabs.com/products/vue-flow", "card": {"archived": false, "artifact_type": "library", "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.", "domain": ["web-development", "frontend", "data-visualization", "developer-tools"], "enriched": true, "function": ["ui-components", "frontend-framework", "data-visualization", "state-management"], "health_score": 92, "homepage": "https://vueflow.dev", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["bcakmakoglu/vue-flow"], "name": "bcakmakoglu/vue-flow", "platform": ["cross-platform"], "pushed_at": "2026-07-14T08:09:05+00:00", "repo": "bcakmakoglu/vue-flow", "stars": 6804, "tags": ["vue3", "flowchart", "diagrams", "node-based-editor", "graph-editor", "minimap", "interactive-graphs", "typescript", "web-server", "nodejs"], "topics": ["vue", "vue3", "flowchart", "typescript", "javascript", "diagrams", "flow", "turborepo", "vite", "vitepress"], "urls": [], "use_cases": ["build interactive flowcharts in a Vue 3 app", "create a node-based visual editor with draggable nodes and edges", "visualize workflows or pipelines as diagrams", "render interactive graphs with zoom, pan, and minimap", "build custom diagram editors with custom node and edge types", "create nested graphs and complex flow visualizations"], "what_it_is": "Vue Flow is a highly customizable flowchart and node-based graph component library for Vue 3, written in TypeScript. It provides built-in zoom, pan, dragging, and selection features, plus additional components like a Minimap, Background, Controls, and NodeToolbar.", "when_to_avoid": ["your project uses React (use React Flow instead) or another framework without Vue 3", "you only need static, non-interactive diagram images rather than editable graphs", "you need a full standalone diagramming application rather than an embeddable component", "you must support Vue 2 without a compatibility path"], "when_to_choose": ["you need an interactive flowchart or node-graph editor in a Vue 3 project", "you want customizable nodes, edges, and connection lines with reactive rendering", "you need out-of-the-box features like minimap, controls, background patterns, and zoom/pan", "you prefer a fully typed TypeScript library with composables for advanced state control"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/vue-flow", "repo": "bcakmakoglu/vue-flow", "role": "main", "score": 85}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:09:48.715084+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T17:42:04.834831+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "0443117898d81c89dba2b86c504c022311a41eb8b2275c0ca7c68b10d305d000", "fetched_at": "2026-08-28T04:09:48.715084+00:00", "kind": "readme", "missing": false, "url": "https://github.com/bcakmakoglu/vue-flow"}, {"content_hash": "4586a4f875b7dfc8f14ad3ab5f4daa4f469ae55e9d877adea366cfdaa2f26adf", "fetched_at": "2026-08-29T08:38:31.489984+00:00", "kind": "homepage", "missing": false, "url": "https://vueflow.dev"}, {"content_hash": "e3f82779dc6e3bf5fb17f66736e387f6d3d46250a7ea100ecf24075828ecd31a", "fetched_at": "2026-08-29T08:38:31.503137+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/typedocs"}, {"content_hash": "a74b35f9191453d43f49bd12b7a6278da057519fc0a42eb8b93329134fbcfedd", "fetched_at": "2026-08-29T08:38:31.505011+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/guide"}, {"content_hash": "101f1479472acbe9473e257ac4f1e85a76f054bb683db5736c1a6ff917c1db72", "fetched_at": "2026-08-29T08:38:31.499199+00:00", "kind": "site_page", "missing": false, "url": "https://vueflow.dev/changelog"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 92, "longevity": 100, "rhythm": 68}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 1889, "days_push": 50, "days_rel": 217, "gap_med": 6.0, "n_releases_24m": 39}, "score": 85, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}