arch-visualizer is a lightweight Visual Studio Code extension designed to render software architecture and component diagrams in real-time using Mermaid.js.
Features
Real-Time Rendering: Instant diagram updates as you edit your syntax.
Theme Selector: Toggle easily between Dark, Default, Forest, and Neutral themes.
State Persistence: Preserves active view settings and selected themes across tab switches.
SVG Export: Export vector-quality architecture diagrams directly to your disk with one click.
Getting Started
Open any active text editor containing Mermaid diagram definitions.
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
Run command: Architecture Visualizer: Open Diagram.
Extension Commands
arch-visualizer.openVisualizer: Opens the Architecture Visualizer Webview panel.
Requirements
VS Code v1.90.0 or higher.
License
This project is licensed under the MIT License.
Support & Donations
If you find arch-visualizer useful, support ongoing development via PayPal:
