66 Vue packages tagged “diagram”

Most downloaded: devextreme, with 12,203,213 downloads in the last year and 1,916 GitHub stars. Ranked by total downloads — use the controls below to sort by stars, most recently updated, or name.

devextreme

JavaScript/TypeScript Component Suite for Responsive Web Development
1,916 12,203,213

@vue-flow/core

6,920 11,028,543

@vue-flow/background

This is a background component for Vue Flow. It can be used to create a background in your canvas.
6,920 8,790,989

@vue-flow/controls

This is a control component for Vue Flow. It can be used to control the canvas interactions, like zooming in, zooming out, fitting the view and locking interactions.
6,920 7,056,601

@vue-flow/minimap

This is a minimap component for Vue Flow. It can be used to add a minimap to the canvas, which will show a smaller version of the canvas with your nodes. The minimap can also be used to pan and zoom the main canvas.
6,920 5,867,081

@vue-flow/node-resizer

This is a resizer component for Vue Flow. It can be used to resize your nodes.
6,920 3,424,741

devextreme-vue

DevExtreme UI and Visualization Components for Vue
1,916 1,122,962

devextreme-dist

HTML5 JavaScript Component Suite for Responsive Web Development
1,916 1,052,849

@infectoone/vue-ganttastic

A simple and customizable Gantt chart component for Vue.js
718 303,460

@vue-flow/pathfinding-edge

__Custom edge that avoids crossing nodes__
6,913 128,023

vuepress-plugin-mermaidjs

A Vuepress plugin providing easy MermaidJS diagramming
75 40,239

hy-vue-gantt

Evolution of vue-ganttastic package
42 39,308

vue-ganttastic

A simple and customizable Gantt chart component for Vue.js
718 35,238

@barzhsieh/nuxt-content-mermaid

A Nuxt module designed for integrating Mermaid with `@nuxt/content`. It automatically converts `mermaid` code blocks in Markdown into responsive chart components, and supports lazy loading and dark/light theme switching.
16 20,535

vue-diagram-editor

Highly customizable diagram editor support for Vue.js
85 16,703

vuelex

Vue 3 component library with accessible, themeable building blocks: forms, tables, overlays, editors and more.
11,150

w-flow-vue

A vue component for flowchart and workflow diagram editing.
11,135

@billtaofbj/fishbone

Fishbone diagram editor component
8,916

@vue2-flow/controls

This is a control component for Vue Flow. It can be used to control the canvas interactions, like zooming in, zooming out, fitting the view and locking interactions.
6,916 8,290

vnodes

Vue components to create svg interactive graphs, diagrams or node visual tools.
141 6,438

@billtaofbj/diagram

Process/execution diagram editor component with input/output params and script actions
5,601

@xyflow/vue

Vue Flow - A highly customizable Vue library for building node-based editors, workflow systems, diagrams and more.
38,757 5,302

@thihaeung/flowchart-lib

A lightweight flowchart library for creating interactive flowcharts
5,205

@syhr/sy-graph

Planar graphic config tool based on @meta2d.
5,060

openvisio

Cut your AI coding agent's token usage. MCP server + CLI that turns any codebase into a deterministic code graph and serves Claude Code, Cursor, Codex & Windsurf a ranked, token-budgeted query surface — agents query structure (symbols, imports, call edges
16 4,820

vitepress-theme-app-docs

A VitePress theme for product and application documentation: callouts, cards, steps, tabs, animated Mermaid diagrams, interactive mindmaps, English/Spanish UI, design tokens and a merged "all pages" view.
4,140

vue-apexsankey

Vue 3 wrapper for ApexSankey - A JavaScript library to create Sankey diagrams
3,534

@cocoar/vue-mermaid

Standalone Mermaid diagram component for Vue 3: . Cocoar-themed, lazy-loaded, with opt-in zoom/pan. Knows nothing about markdown — feed it a diagram source string.
3,477

@grafloria/vue

Vue 3 bindings for Grafloria Diagrams and Grafloria Dashboards — an MIT diagram and dashboard engine: routing, auto-layout, undo, collaboration and dashboard layouts, native in Vue.
12 3,136

@billtaofbj/explosion-diagram

Explosion diagram 2D editor component
3,119

@syhr/sy-three

Planar graphic config tool based on @meta2d.
3,044

@cocoar/vue-markdown-mermaid

Thin adapter that registers @cocoar/vue-mermaid as a `mermaid` fenced-code-block renderer for @cocoar/vue-markdown, so
2,966

diagram-vue

A Vue 3 SVG-based diagram component library.
104 2,508

genoany-g6

a workflow designer base on @antv/g6
2,446

@rozie-ui/rete-vue

Idiomatic Vue node-based flow/graph editor wrapping Rete.js v2 — one Rozie source compiled to Vue.
1 2,316

@bimetal/whiteboard-vue-components

Default Vue 3 whiteboard — infinite-canvas pan/zoom, shapes, drag/resize/rotate, connectors, freehand, smart guides, group, frames, comments, laser, style panel, theming.
2,250

@fdecourt/vue-ganttastic

A flexible, accessible Gantt timeline engine and component library for Vue 3
1 1,724

vitepress-mermaid-zoom

Click-to-zoom fullscreen overlay for Mermaid diagrams in VitePress
16 1,643

vue-apextree

Vue wrapper for ApexTree - a JavaScript library for creating organizational and hierarchical charts
1,469

@bigplay/tree-view

Компонент дерева и турнирных сеток для Vue 3
1,261

vue3-network-graph

A Vue 3 + SVG network topology graph component: node dragging, infinite pan & zoom, Ctrl-drag marquee multi-select, mouse-to-SVG coordinate APIs. Supports 8 icon node types + text nodes + border-only nodes. No third-party chart dependencies.
1,236

@kitschpatrol/unplugin-tldraw

Unplugin for module-style import of local tldraw .tldr files with automatic conversion to SVG or PNG.
3 1,194

@bigplay/tree-view-vue2

Компонент дерева и турнирных сеток для Vue 2.6 / 2.7
1,160

@lupinum/board-core

Headless node-based board engine for spatial editors, diagramming tools, and whiteboard-style interfaces.
1 1,067

@adesin-fr/vue-ganttastic

A simple and customizable Gantt chart component for Vue.js
1,061

@yh7iku/vue-tree-flow

Vue 3 树形流程设计器组件,支持节点拖拽、贝塞尔连线、折叠、缩放与主题切换
1,021