ER diagram generator

Create a ER diagram online for free. Rendered live with Mermaid syntax, exportable as PNG or SVG, no sign-up needed.

Live preview

…

How the syntax works

Every ER diagram starts with a keyword, and the lines below describe hierarchy and relationships through indentation and symbols. The canvas updates as you type.

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ ORDER_ITEM : contains
    PRODUCT ||--o{ ORDER_ITEM : "ordered in"
    CUSTOMER {
        string id PK
        string name
    }
    ORDER {
        string id PK
        date created_at
    }

Common uses

Widely used in technical documentation, product design, project management, and teaching. The result drops straight into Markdown, web pages, or slide decks.

Frequently asked questions

Do I need an account to make a ER diagram?

No. Every feature is free and open, you can start the moment the page loads, and exports are unlimited.

What formats can a ER diagram be exported to?

PNG and SVG. SVG is a vector format, so it stays sharp at any zoom level and works well in documents and slide decks.

How do I share a ER diagram with someone?

The share button produces a link with the diagram code embedded directly in it. Whoever opens it sees the same diagram, with no login required.

Start drawing your ER diagram now

18 diagram types, 10 languages, rendered live in your browser. No sign-up, free to use.

Open the online editor