Diagram Packages

Plugin for VitePress to add support for rendering D2 diagrams.

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

Analyze the component tree of react and displays it as a diagram in the browser. You can refer to the corresponding code from the diagram.

A vite plugin to generate project structure graph

Echarts for vue

Highly customizable diagram editor support for Vue.js

Highly customizable diagram editor support for Vue.js

Awal UI is a modern React component library built with **TailwindCSS** and **Framer Motion** to help developers create beautiful, interactive user interfaces quickly and efficiently.

timeline diagram

Entity-Relationship Diagram Editor

LogicFlow extension

JavaScript diagramming library

PlantUML support for Asciidoctor.JS.

A package for generating URLs for PlantUML diagrams in various formats including image, PNG, SVG, and textual representations. Ideal for embedding or sharing UML diagrams across documentation or web applications.

Blackprint sketch for browser

A simple and customizable Gantt chart component for Vue.js based on Vue-Ganttastic

Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams

Generate Mermaid diagrams from JSON schemas e.g., for function calling tools.

HTML5 diagramming toolkit extending JointJS

This plugin allows you to create diagrams uing the syntax defined in [https://bytefield-svg.deepsymmetry.org](https://bytefield-svg.deepsymmetry.org). This type of diagram is usually used to describe network protocols, memory layouts, and other data struc