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

LikeC4

LikeC4

|
5,801 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, and evolve the software architecture with always actual and live diagrams from your code

NPM Version NPM Downloads

docs | playground | demo

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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft