LikeC4 is a modeling language for describing software architecture and tools to generate diagrams from the model.

LikeC4 is inspired by C4 Model and Structurizr DSL, but provides some flexibility. You customize or define your own notation, element types, and any number of nested levels in architecture model.
Perfectly tailored to your needs.

LikeC4 source:

Run CLI to preview:

npx likec4 start

And result:

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

StackBlitz does not support extensions, so no validation, syntax highlighting and etc.
You can try with github.dev and suggested extension.

Check Tutorial - for a quick overview of LikeC4.

This repository's contents are divided into four primary sections:

• /apps/docs contains the content for our docs site at likec4.dev
• /apps/playground - site playground.likec4.dev
• /packages contains the source for packages

• core: model and type definitions
• create-likec4: scaffolding tool
• diagram: react components rendering diagrams
• generators: LikeC4 -> Other formats
• language-server: parser and language server
• layouts: layout algorithms for views
• likec4: CLI, published to npm as likec4
• tsconfig: typescript configuration
• vscode: vscode extension
• vscode-preview: preview panel in vscode extension

Development tasks:

• yarn build: Build packages (without typecheck)
• yarn typecheck: TypeScript compilation
• yarn test: Test packages
• yarn vitest:ui: Opens Vitest UI

For VSCode:

• Task Run Extension to start a new VSCode instance with the extension loaded.

This project is released under the MIT License