Who: an independent developer maintaining this free gallery. What: copy-paste diagram templates with full .reladraw source and live previews. Where: built for the Reladraw community — text-first diagrams, zero coordinates.
Copy-paste templates for Reladraw — the text-first diagram language where you say where things go. Every template ships with the full .reladraw source and a rendered preview. Zero coordinates.
Start with the one-page syntax cheatsheet, then try it live. Why a placement language beats auto-layout: read the rationale.
.reladraw source, and per-template customization notes.npx reladraw for CI pipelines and docs builds.Reladraw is an open-source, text-first diagram language where you say where things go. You declare nodes and state their relationships — node db "Database" below api — and the renderer solves the exact coordinates. It sits between two established tools: vs Mermaid/Graphviz/D2 (auto-layout): you keep control of placement instead of accepting whatever the solver decides, so “database at the bottom, clients on top” actually stays that way. vs draw.io/Excalidraw (drag editors): your diagram is plain text — it versions in git, diffs in code review, and edits in seconds (“move this box below that one” is one word change, not a drag-and-nudge session). That combination also makes it the diagram tool AI agents can drive reliably: positions are unambiguous statements, not pixel coordinates.