Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown KrokiNew to Visual Studio Code? Get it now.
Markdown Kroki

Markdown Kroki

pomdtr

|
32,116 installs
| (2) | Free
Adds Kroki diagram support to VS Code's builtin markdown preview
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Kroki

Adds diagram support to VS Code's builtin markdown preview using Kroki.

A mermaid diagram in VS Code's built-in markdown preview

Usage

Create diagrams in markdown using fenced code blocks:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

All supported formats are listed on the Kroki website.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft