Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>LikeC4New to Visual Studio Code? Get it now.
LikeC4

LikeC4

LikeC4

|
7,719 installs
| (11) | Free
| Sponsor
Support for the LikeC4 modeling language
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Architecture as a code

Visualize, collaborate on, and evolve your software architecture with always up-to-date, live diagrams generated from your code.

docs - playground - demo

NPM Version NPM Downloads VSCode Installs Open VSX Installs

vscode extension

What is LikeC4? Why "like"?

LikeC4 is a modeling language for describing software architecture, and tools to generate diagrams from the model.
Inspired by C4 Model and Structurizr DSL, but with some flexibility.

You define your own notation, custom element types and any number of nested levels in architecture model.
Perfectly tailored to your needs.

What does LikeC4 look like?

LikeC4 source:

Run CLI to preview:

npx likec4 start

And result:

Template repository - likec4/template
Deployed - https://template.likec4.dev

Check the Tutorial - a bit better overview of LikeC4.


The extension provides (via language server protocol):

  • Validation and error reporting
  • Semantic syntax highlighting
  • Live Previews
  • Code completion and navigation
  • Resolve references (like find all references, go to definition .. )
  • "Safe" renames
  • Hover information

Extension is universal and can run as web-version.
Open likec4/template in the browser using any of:

  • github.dev
  • vscode.dev

Getting help

We are always happy to help you get started:

  • Join Discord community – it is the easiest way to get help
  • GitHub Discussions – ask anything about the project or give feedback
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft