ShitalamUML Viewer
Visualize PlantUML & Mermaid Diagrams in VS Code

Fast, Modern, and Offline-ready Diagram Previewer.
🚀 Features
✨ Live Preview
Instantly visualize your diagrams. Updates automatically as you type or save.
- PlantUML (
.puml, .plantuml)
- Mermaid (
.mmd, .mermaid)
🔍 Interactive Navigation
- Pan & Zoom: Smooth, Google Maps-style navigation.
- Smart Fit: Automatically fits diagrams to your screen.
- Canvas Drag: Move the entire canvas freely.
🌙 Adaptive Theming
Automatically switches between Light and Dark modes to match your VS Code theme.
📤 Export
Export your diagrams to SVG with a single click.
📖 Usage
- Open any
.puml or .mmd file.
- Right-click the file tab or inside the editor.
- Select "Preview UML Diagram".
Tip: You can also use the Command Palette Ctrl+Shift+P -> ShitalamUML: Preview.
⚙️ Configuration
Customize the extension via Settings (Ctrl+,):
| Setting |
Description |
Default |
shitalamUML.preview.autoRefresh |
Automatically refresh preview on save. |
true |
shitalamUML.plantuml.server |
PlantUML Server URL. Use a local server for offline/private rendering. |
https://www.plantuml.com/plantuml |
🎮 Controls
| Action |
Control |
| Pan |
Click & Drag / Mouse Wheel |
| Zoom |
Ctrl + Mouse Wheel / Pinch (Touch) |
| Reset |
Click the Reset button (Top Right) |
📄 License
Use of this software is governed by the End User License Agreement (EULA) included in the LICENSE file.
Copyright (C) 2025 Shitalam. All Rights Reserved.
Built with ❤️ by Shitalam
| |