⌘
Visual canvas
Place tables freely, group concepts with areas, and keep the whole model readable at any scale.
VISUAL DATABASE
DESIGN
Your database, made visible.
Design clear database diagrams, define relationships, and generate dependable SQL — all in one focused workspace.
Runs locally in your browser · Your schema stays yours
▦ users
idINTEGER PK
emailVARCHAR
created_atDATETIME
▦ orders
idINTEGER PK
user_idINTEGER FK
totalDECIMAL
▦ products
idINTEGER PK
nameVARCHAR
priceDECIMAL
A BETTER DESIGN SURFACE
Everything your schema needs, without the clutter.
From the first table to an implementation-ready diagram, the editor keeps the structure clear and the work in flow.
↗
Relationship flow
Create foreign-key relationships by dragging between fields, with clear cardinality and routing controls.
⌘
SQL in sync
Generate and inspect syntax-highlighted DDL as you design, with dialect-aware definitions.
⇣
Import & export
Bring in SQL or DBML; export diagrams as SVG, JPEG, PNG, WebP, or Markdown documentation.
◈
Types that fit
Use built-in type libraries, aliases, enums, and custom types for accurate schemas.
⌕
Built to explore
Search across tables, fields, notes, and areas. Let auto-layout and snap-to-grid do the heavy lifting.
MODERN WEB STACK
Made with a practical, modern stack.
A type-safe Vue application with a fast development workflow and reusable interface components.
Vue
Vue 3Progressive UI framework
TS
TypeScript 6Typed application code
Vite
Vite 8Fast build tooling
P
PiniaState management
UI
View UI PlusInterface component library
CM
CodeMirror 6SQL code editor and highlighting
DESIGN TO DDL
A faster path from idea to schema.
Keep your database design visual until you need the code. Every decision remains editable.
01
Model your tables
Add fields, defaults, keys, checks, and comments with a focused inspector.
02
Connect the data
Draw the relationships and see your model take shape immediately.
03
Generate with confidence
Switch dialects, review DDL, and export a shareable design artifact.
-- Generated from your diagram
CREATE TABLE orders (
id INTEGER PRIMARY KEY,
user_id INTEGER NOT NULL,
total DECIMAL(10, 2) NOT NULL,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (user_id) REFERENCES users(id)
);MULTI-DIALECT
Speak the language of your database.
Select a target database and work with its types and SQL conventions from the beginning.
Generic SQL
MySQL
MariaDB
PostgreSQL
SQL Server
Oracle
SQLite
Make your next schema easier to see.
Start with a blank canvas, an included template, or your existing SQL definition.