# reladraw

> Diagram language with your own layout — A text language for diagrams where you decide where things go.

- Page: https://tesign.com/en/item/reladraw/
- JSON: https://tesign.com/en/item/reladraw/index.json
- Korean Markdown: https://tesign.com/item/reladraw/index.md
- Generated: 2026-09-29 02:28 UTC

## Numbers

- 564 stars — checked on GitHub 2026-09-27 10:41 UTC (+2 observed since the check)
- 7-day +5 observed via GH Archive (as of 2026-09-28 21:00 UTC)
- 24h +2 ★ · 30d +5 ★ (as of 2026-09-28 21:00 UTC)
- 402 Show HN points — observed 2026-09-28 20:10 UTC
- Star total = the value last checked on GitHub (stars_checked_at) + increases observed via GH Archive since. The 24h · 7d · 30d gains are GH Archive hourly events summed to the reference time (as_of). No score of ours.

## AT A GLANCE

- LICENSE: Apache-2.0 (permissive) — https://spdx.org/licenses/Apache-2.0.html
- USAGE: Commercial use, redistribution OK. Keep notices; mark changes.
- OPEN SOURCE: YES
- LANGUAGE: TypeScript
- PLATFORM: web
- CATEGORY: DESIGN · DEV TOOLS
- Tags: 다이어그램 · 문서 · 개발 도구 · 설치 없이
- How to start: Use in the browser
- SOURCES: Show HN https://github.com/reladraw/reladraw
- TRY: https://reladraw.github.io/reladraw

## ACTIVITY

- Last commit: 2026-09-27 05:50 UTC
- Latest release: [unconfirmed]
- Contributors: [unconfirmed]
- Open issues (incl. PRs): [unconfirmed]
- Made by: [unconfirmed]
- Checked on GitHub: 2026-09-27 10:41 UTC

## Signals and evidence

- NEW · 9h OLD WHEN SEEN

## TESIGN TAKE

Agents can draw with it too, by stating relationships instead of computing coordinates.

## WHY IT MATTERS

Mermaid and friends choose the layout for you, and draw.io means dragging every box by hand. reladraw sits between: the convenience of text with the freedom to place things.

## BUILD FROM THIS

- You write boxes and connections as text and place them relative to each other. It runs in the browser, and the repository includes examples such as a server architecture diagram.

## WHO IT'S FOR

- Developers and planners who draw architecture diagrams often.

## START IN 5 MINUTES

```
# Try it in the browser at reladraw.github.io/reladraw.
```

## CAVEATS

- There is a new syntax to learn, and the project is young.

## RECEIPT

- FIRST SEEN BY TESIGN: 2026-09-27 02:14 UTC
- AT SOURCE: 2026-09-26 17:10 UTC
- KEPT: 2026-09-29 02:28 UTC
- Published on TESIGN: 2026-09-29 02:28 UTC
- Text last updated: 2026-09-29 02:28 UTC

## How to read this

- This file was produced by the same build, from the same data, as the tesign.com item page. The text is editorial; the numbers are stored observations.
- null in the JSON means not observed — never zero. The Markdown writes [unconfirmed] for it.
- Star total = the value last checked on GitHub (stars_checked_at) + increases observed via GH Archive since. The 24h · 7d · 30d gains are GH Archive hourly events summed to the reference time (as_of). No score of ours.
- A summary, not legal advice.

[Image] https://tesign.com/img/reladraw-d111ad8903.png