LibreAI / Design / diagrams
// design · mingrammer/diagrams

diagrams

:art: Diagram as Code for prototyping cloud system architectures

★ 42.7k stars⑂ 2.7k forksMITupdated 2026-10
▦ visual — this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

diagrams is an open-source design project by mingrammer (mingrammer/diagrams on GitHub). It has 42,670 GitHub stars and 2,732 forks, is released under the MIT license, and was last updated on GitHub on 1 October 2026.

GitHub stars
42,670
Forks
2,732
License
MIT
Last updated on GitHub
1 October 2026
Category
Design
Listing
Full install guide
Official site
Official site
// 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

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.

Infinite canvas

Brainstorm without page boundaries.

Component systems

Production-ready UI kits with theming.

Diagrams as code

Version diagrams in git alongside your code.

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/mingrammer/diagrams.git
    cd diagrams
  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

Advertisement
// faq

Questions, answered

Who maintains diagrams?

It is an open-source project at mingrammer/diagrams with 2,732 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is diagrams free for commercial use?

MIT licensed — use it commercially, no strings attached.

Can it replace Figma?

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

What about design handoff?

Export to code and specs that developers can actually use.

Can I self-host?

Most of these offer Docker images for private instances.

// keep exploring

Similar tools

Design

drawnix

开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.

★ 14.9k starsMIT
View guide →
Design

SwanLab

⚡️SwanLab - an open-source, modern-design AI training tracking and visualization tool. Supports Cloud / Self-hosted use. Integrated with PyTorch / Transforme…

★ 4.2k starsApache-2.0
View guide →
Design

markeron

Lightweight (~1.5 MB) open-source screen annotation with click-through mode and keyboard-first shortcuts. For demos, teaching, meetings & screen recording. W…

★ 1.1k 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 →
Design

vscode-drawio

This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

★ 9.5k starsGPL-3.0
View guide →
Design

oxdraw

Diagram as Code Tool Written in Rust with Draggable Editing

★ 2.4k starsMIT
View guide →
// alternatives

Alternatives in Design

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

Get diagrams

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