Architecture as a code

Visualize, collaborate, and evolve the software architecture with always actual and live diagrams from your code

docs | playground | example

What is LikeC4? Why "like"?

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.

What does LikeC4 look like?

LikeC4 source (full source on github):

CLI to generate react components (or export to other format):

likec4 codegen react -o likec4-generated.tsx

Website:

import { LikeC4View } from "$/likec4-generated"

// ...

<LikeC4View viewId="index"/>

And this is rendered:

Check the Tutorial - a bit better overview of LikeC4.