<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Modeling Language on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/modeling-language/</link>
        <description>Recent content in Modeling Language on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Thu, 23 Jul 2026 17:40:30 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/modeling-language/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>likec4</title>
        <link>https://producthunt.programnotes.cn/en/p/likec4/</link>
        <pubDate>Thu, 23 Jul 2026 17:40:30 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/likec4/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1611500730051-15bdb77a30dc?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODQ3OTk0NDB8&amp;ixlib=rb-4.1.0" alt="Featured image of post likec4" /&gt;&lt;h1 id=&#34;likec4likec4&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/likec4/likec4&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;likec4/likec4&lt;/a&gt;
&lt;/h1&gt;&lt;h1 id=&#34;architecture-as-a-code&#34;&gt;Architecture as a code
&lt;/h1&gt;&lt;p&gt;Visualize, collaborate on, and evolve your software architecture with always up-to-date, live diagrams generated from your code.&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://likec4.dev/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;docs&lt;/a&gt; - &lt;a class=&#34;link&#34; href=&#34;https://playground.likec4.dev/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;playground&lt;/a&gt; - &lt;a class=&#34;link&#34; href=&#34;https://template.likec4.dev/view/index&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;demo&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.npmjs.com/package/likec4&#34; target=&#34;_blank&#34;&gt; &lt;img src=&#34;https://img.shields.io/npm/v/likec4&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;NPM Version&#34;
	
	
&gt; &lt;/a&gt;
&lt;a href=&#34;https://www.npmjs.com/package/likec4&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;https://img.shields.io/npm/dm/likec4&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;NPM Downloads&#34;
	
	
&gt;&lt;/a&gt;
&lt;a href=&#34;https://marketplace.visualstudio.com/items?itemName=likec4.likec4-vscode&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;https://img.shields.io/visual-studio-marketplace/azure-devops/installs/total/likec4.likec4-vscode?label=vscode%20installs&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;VSCode Installs&#34;
	
	
&gt;&lt;/a&gt;
&lt;a href=&#34;https://open-vsx.org/extension/likec4/likec4-vscode&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;https://img.shields.io/open-vsx/dt/likec4/likec4-vscode?label=open-vsx&amp;amp;color=%23A60EE5&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Open VSX Installs&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://github.com/likec4/likec4/assets/824903/d6994540-55d1-4167-b66b-45056754cc29&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;vscode extension&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;what-is-likec4-why-like&#34;&gt;What is LikeC4? Why &amp;ldquo;like&amp;rdquo;?
&lt;/h2&gt;&lt;p&gt;LikeC4 is a modeling language for describing software architecture and tools to generate diagrams from the model.&lt;/p&gt;
&lt;p&gt;LikeC4 is inspired by &lt;a class=&#34;link&#34; href=&#34;https://c4model.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;C4 Model&lt;/a&gt; and &lt;a class=&#34;link&#34; href=&#34;https://github.com/structurizr/dsl&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Structurizr DSL&lt;/a&gt;, but provides some flexibility.
You customize or define your own notation, element types, and any number of nested levels in architecture model.&lt;br&gt;
Perfectly tailored to your needs.&lt;/p&gt;
&lt;h2 id=&#34;what-does-likec4-look-like&#34;&gt;What does LikeC4 look like?
&lt;/h2&gt;&lt;p&gt;LikeC4 source:&lt;/p&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;img src=&#34;https://github.com/likec4/.github/assets/824903/c0f22106-dba6-469e-ab47-85e7b8565513&#34; width=&#34;675px&#34;&gt;
&lt;/div&gt;
&lt;p&gt;Run &lt;a class=&#34;link&#34; href=&#34;./packages/likec4/README.md&#34; &gt;CLI&lt;/a&gt; to preview:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-sh&#34; data-lang=&#34;sh&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npx likec4 start
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;And result:&lt;/p&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;img src=&#34;https://github.com/likec4/likec4/assets/824903/27eabe54-7d97-47a8-a7e4-1bb44a8e03e5&#34; width=&#34;984px&#34;&gt;
&lt;/div&gt;
&lt;p&gt;Template repository - &lt;a class=&#34;link&#34; href=&#34;https://github.com/likec4/template&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;likec4/template&lt;/a&gt;&lt;br&gt;
Deployed - &lt;a class=&#34;link&#34; href=&#34;https://template.likec4.dev/view/index&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://template.likec4.dev&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://stackblitz.com/~/github.com/likec4/template&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://developer.stackblitz.com/img/open_in_stackblitz.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Open in StackBlitz&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Check &lt;a class=&#34;link&#34; href=&#34;https://likec4.dev/tutorial/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Tutorial&lt;/a&gt; - for a quick overview of LikeC4.&lt;/p&gt;
&lt;h2 id=&#34;getting-help&#34;&gt;Getting help
&lt;/h2&gt;&lt;p&gt;We are always happy to help you get started:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://discord.gg/86ZSpjKAdA&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Join Discord community&lt;/a&gt; – it is the easiest way to get help&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/likec4/likec4/discussions&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;GitHub Discussions&lt;/a&gt; – ask anything about the project or give feedback&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;contributors&#34;&gt;Contributors
&lt;/h2&gt;&lt;a href=&#34;https://github.com/likec4/likec4/graphs/contributors&#34;&gt;
  &lt;img src=&#34;https://contrib.rocks/image?repo=likec4/likec4&#34; /&gt;
&lt;/a&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;./CONTRIBUTING.md&#34; &gt;Become a contributor&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;support-development&#34;&gt;Support development
&lt;/h2&gt;&lt;p&gt;LikeC4 is a MIT-licensed open source project with its ongoing development made possible entirely by your support.&lt;br&gt;
If you like the project, please consider contributing financially to help grow and improve it.&lt;br&gt;
You can support us via &lt;a class=&#34;link&#34; href=&#34;https://opencollective.com/likec4&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;OpenCollective&lt;/a&gt; or &lt;a class=&#34;link&#34; href=&#34;https://github.com/sponsors/likec4&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;GitHub Sponsors&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;license&#34;&gt;License
&lt;/h2&gt;&lt;p&gt;This project is released under the &lt;a class=&#34;link&#34; href=&#34;LICENSE&#34; &gt;MIT License&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
