Integrations

Beauty Diagram, wherever you already work

Same rendering engine, same 9 themes — as a browser extension, editor extension, vault plugin, or CLI. Pick the surface that matches where you read and write diagrams.

NEW

Browser Extension

Re-renders Mermaid & PlantUML in place on GitHub, GitLab, Jira, ChatGPT, and more — no copy-paste, no separate tab.

Chrome Web Store · Manifest V3

VS Code

Renders every fence inside Markdown Preview. One extension covers VS Code, Cursor, Windsurf, VSCodium, Gitpod, and Codespaces.

VS Code Marketplace · Open VSX

Obsidian

Beautifies Mermaid & PlantUML fences in Reading View — dark-mode aware, no Java setup, no separate window.

Community Plugins · BRAT

bd CLI

Pipe Mermaid or PlantUML source in, get an SVG or PNG out. Scriptable for CI, docs generation, and local workflows.

npm · @beauty-diagram/cli

Building something custom? See the API reference or the embed guide for portable <img> URLs you can drop anywhere.