Also in VS Code, powered by the same engine

See how your tables relate, without drawing ER diagrams

SchemaLens turns database structure written as DSL, JSON, Markdown or SQL DDL into a diagram you can search, focus and explore. No sign-in; everything stays in your browser.

Open the workspace Get the VS Code extension

CREATE TABLE orders (… user_id REFERENCES users(id));

blog.dbschema · 5 tables · 5 relations

This is the real thing: click a table name to focus, drag to pan, hold Ctrl / Cmd and scroll to zoom.

From a pile of CREATE TABLEs to the whole picture

No drawing, no dragging lines. Drop your structure in and the relations appear; however many tables you have, you only look at the part you care about.

Paste and see

.dbschema, .schema.json, Markdown with dbschema blocks, or plain CREATE TABLE — MySQL, SQL Server, PostgreSQL and SQLite all work.

CREATE TABLE users (
  id bigint PRIMARY KEY
);
CREATE TABLE orders (
  id      bigint PRIMARY KEY,
  user_id bigint
    REFERENCES users(id)
);

users

PK id

orders

PK id

FK user_id

Find it in a hundred tables

Click a table and only its upstream and downstream light up. Narrow it with depth, direction and search instead of tracing lines.

Copy it anywhere

Right-click a selection to copy it as PNG, SVG or DSL text — straight into your docs or your AI chat.

Your data stays yours

Works without signing in and keeps content in your browser. Export .schema.json, .dbschema or SQL for any dialect, any time.

Same thing, inside VS Code

The same rendering engine as the web app: open a .dbschema file and the diagram is there. Not on the Marketplace yet — three steps to install, nothing extra required.

1
Download the latest .vsix from Releases (public repo, no sign-in).
Go to downloads
2
Drag the .vsix file into a VS Code window.
3
Or press Ctrl/Cmd + Shift + P → “Install from VSIX” → pick the file you downloaded.

url=$(curl -fsSL https://api.github.com/repos/doraeyi/schemalens-web/releases/latest | grep -o '"browser_download_url": *"[^"]*\.vsix"' | cut -d'"' -f4)
curl -fL -o dbschema.vsix "$url"
code --install-extension dbschema.vsix

One-shot install. VS Code needs the code command on your PATH (Command Palette → “Shell Command: Install 'code' command in PATH”).

Shortcuts (same in the extension and the web app)

Ctrl / Cmd + F: Search tables or columns
Ctrl / Cmd + wheel: Zoom the canvas
Esc: Clear the current focus
Drag background: Pan the canvas
Click a table name: Focus: related tables light up, the rest dim or hide
Click a column: Column focus: only that column and its FK partners light up
Double-click: Jump to the DSL definition
Tab · Enter: Reach tables with the keyboard and focus them (Shift + Enter jumps to the source)

Paste your schema and take a look

No account needed. First time? Start with the built-in sample.

Open the workspace View on GitHub