#diagram

kumihimo — AV signal flow diagrams

love-rox

Write AV signal flow diagrams (系統図) as text. Live preview, and the wiring that plugs in but carries nothing gets flagged as you type.

CRAYON-C4

squora

Generate and visualize a C4 architecture model from your code (Next.js, React, .NET, Java) — interactive viewer, AI enrichment, merge-safe re-runs, web-app handoff.

kUML

kuml-dev

Syntax highlighting, snippets, LSP diagnostics/completion, and live-preview rendering for kUML diagram scripts (*.kuml.kts).

Groundplan — Terraform Architecture Preview

asterius-it

Live, interactive architecture diagram of your Terraform, beside your editor. Runs locally; your code never leaves your machine.

Archinsight

archinsight

Native VSCode support for Insight architecture models.

Apiary Workflow Visualizer

orlandoburli

Live visual preview of apiary.yaml workflow files

codeswim

codeswim

Navigate a codebase via clickable mermaid diagrams in markdown.

CodeCanvas - Workspace Diagram Visualizer

codecanvas

Visual workspace diagram generator and Excalidraw editor for VS Code

Archagram

YasinKarpuz

Write your architecture as text and keep the diagram. Coloring, live diagnostics, completion, go to definition and rename for Archagram .ysk notation.

Orchestrate Flow Viewer

ekwuno

Visualize Workday Orchestrate .orchestration and .suborchestration files as interactive flow diagrams

Syntax highlighting for Lini — a text-to-diagram language for diagrams, charts, and technical drawings that compiles to SVG

SayDiagram

saydiagram

Preview Mermaid diagrams and open them in SayDiagram