diagram-as-code

Draw with text. Ship SVG & PNG.

A blueprint-grade Mermaid studio. Type the graph, watch it render live, export clean vectors or crisp raster — all in your browser. No upload. No signup. Optional AI turns plain English into diagrams.

◇ Live Mermaid editor
◇ Flowchart · Sequence · ER · Gantt · Class
◇ Export SVG / PNG
◇ AI: describe → diagram

code7 lines

flowchart TD
    A([Start]) --> B{Input valid?}
    B -- Yes --> C[Process data]
    B -- No --> D[Show error]
    C --> E[(Save result)]
    D --> F([End])
    E --> F

previewready100%

Drop a .mmd file or start typing

Live preview renders as you type. Pick a template above to begin.

private

Nothing leaves your machine

Rendering, validation, and export all run client-side. Your diagram source is never uploaded — the tool works offline once loaded.

fast

Instant first paint

The heavy renderer loads only when you first render — first paint stays instant. AI is optional; if a provider is down, the editor keeps working.

portable

Text is the source of truth

Diagrams are plain Mermaid. Paste into docs, commit to git, drop a .mmd file here — version it like code.