LibreAI / Design / diagram-as-code
// design · awslabs/diagram-as-code

diagram-as-code

diagram-as-code is an open-source design project by awslabs (awslabs/diagram-as-code on GitHub). It has 1,583 GitHub stars and 105 forks, is released under the Apache-2.0 license, and was last updated on GitHub on 16 September 2026.

Diagram-as-code for AWS architecture.

★ 1.6k stars⑂ 105 forksApache-2.0updated 2026-09
▦ visual — this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

GitHub stars
1,583
Forks
105
License
Apache-2.0
Last updated on GitHub
16 September 2026
Category
Design
Listing
Full install guide
Official site
GitHub repo
// how it works

How it works

  1. Pick the surface

    Whiteboard, diagrams-as-code, or component library — match the artifact.

  2. Start from templates

    Community templates and themes skip the blank page.

  3. Collaborate

    Real-time editing and version history included.

  4. Export & ship

    SVG/PNG/code output drops into products and docs.

// features

Why people love it

Diagrams as code

Version diagrams in git alongside your code.

Real-time collaboration

Multiplayer cursors without the enterprise invoice.

No per-seat fees

The whole team joins free.

Templates galore

Community starters for every common artifact.

Export anywhere

SVG, PNG, PDF, and framework code.

Self-hostable

Run the whole studio on your own server.

Advertisement
// run it

Run it yourself

  1. Step 1 — Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/awslabs/diagram-as-code.git
    cd diagram-as-code
  2. Step 2 — Check the README

    Every project documents its own setup; start with install requirements.

    cat README.md | head -60
  3. Step 3 — Run it

    Follow the project's launch command — Docker, pip, npm, or a binary release.

    # see README for the exact launch command
// use cases

What you can build

  • Whiteboard product ideas with a team.
  • Document architecture as code.
  • Build a consistent component library.
  • Create presentation-ready diagrams.
Advertisement
// faq

Questions, answered

Who maintains diagram-as-code?

It is an open-source project at awslabs/diagram-as-code with 105 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is diagram-as-code free for commercial use?

Apache 2.0 licensed — commercial use allowed with attribution.

Can I self-host?

Most of these offer Docker images for private instances.

Is real-time collaboration solid?

Yes — CRDT-based editing is the standard approach now.

Can it replace Figma?

For whiteboarding and diagrams, yes. Deep product design still favors Figma's ecosystem.

// keep exploring

Similar tools

Design

dingtalk-workspace-cli

DingTalk Workspace is an officially open-sourced cross-platform CLI tool from DingTalk. It unifies DingTalk’s full suite of product capabilities into a singl…

★ 3.2k starsApache-2.0
View guide →
Design

ui

Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.

★ 12.1k starsMIT
View guide →
Design

sumo

Eclipse SUMO is an open source, highly portable, microscopic and continuous traffic simulation package designed to handle large networks. It allows for inter…

★ 4.2k starsEPL-2.0
View guide →
Design

structurizr

Models-as-code tool for the C4 software architecture model

★ 429 starsApache-2.0
View guide →
Design

archify

Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill

★ 79.8k starsMIT
View guide →
Design

draw.io Desktop

draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0

★ 63.6k starsGPL-3.0
View guide →
// alternatives

Alternatives in Design

The most-starred other Design projects in the LibreAI catalogue — the realistic shortlist if diagram-as-code is not the right fit.

  • Excalidraw★ 134.0k

    Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed

  • Screenshot To Code★ 80.0k

    Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

  • archify★ 79.8k

    Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill

  • AFFiNE★ 73.2k

    There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Pri…

  • draw.io Desktop★ 63.6k

    draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0

// more in design

More in Design

Nearby Design projects in the catalogue, closest in stars to diagram-as-code — keep exploring the shelf either side of it.

  • oxdraw★ 2.4k

    Diagram as Code Tool Written in Rust with Draggable Editing

  • pentest-copilot★ 1.5k

    AI-powered browser-based ethical hacking assistant for pentesters

  • paperbanana★ 2.4k

    PaperBanana — agentic generation of publication-quality academic figures, diagrams and plots from text

  • QuickApp★ 1.4k

    AI-ready Angular + ASP.NET Core starter with hardened auth built in

  • figma-console-mcp★ 2.5k

    Your design system as an API — an MCP server that connects AI to Figma for extraction, creation and debugging

  • SlideBot-AI★ 1.2k

    AI presentation generator that drafts full slide decks from a prompt.

Get diagram-as-code

Free and open — grab the source, star the repo, and start creating.