ChartDB logo - colorful pixel-style chart icon

+17.5k stars

Go to App

Features

Examples

App Editor

Pricing

Resources

ChartDB logo - colorful pixel-style chart icon

+17.5k stars

ChartDB logo - colorful pixel-style chart icon

+17.5k stars

A Powerful DBML Editor Built for Diagrams

A Powerful DBML Editor Built for Diagrams

Supports full DBML syntax, visual previews, and team-safe editing - all in your browser.

Supports full DBML syntax, visual previews, and team-safe editing - all in your browser.

Get started

Get started

Get started

Illustration of a DBML Editor showing code for a 'users' table with columns and types, alongside a visual table diagram representing the same schema
Illustration of a DBML Editor showing code for a 'users' table with columns and types, alongside a visual table diagram representing the same schema
Illustration of a DBML Editor showing code for a 'users' table with columns and types, alongside a visual table diagram representing the same schema

Why Developers Love the DBML Editor

ChartDB’s DBML Editor gives you the power to design, edit, and preview your database schema in one place. Instantly turn code into diagrams, sync changes with a click, and collaborate with your team - all from your browser, no setup needed.

Auto-Save settings modal in ChartDB with a toggle switch enabled and a description reading 'Automatically save your changes
Auto-Save settings modal in ChartDB with a toggle switch enabled and a description reading 'Automatically save your changes
Auto-Save settings modal in ChartDB with a toggle switch enabled and a description reading 'Automatically save your changes

Why Use the DBML Editor?

Why Use the DBML Editor?

ChartDB's DBML Editor gives you full control over your schema in a clean, readable format.
Write, edit, and export database structures using DBML with real-time visualization, perfect for version control, documentation, or quick prototyping.

Reach out to support@chartdb.io with any questions.

ChartDB's DBML Editor gives you full control over your schema in a clean, readable format.
Write, edit, and export database structures using DBML with real-time visualization, perfect for version control, documentation, or quick prototyping.

Reach out to support@chartdb.io with any questions.

How It Works

How It Works

Open or create a new diagram in ChartDB

  1. Click the DBML Editor button to open the code editor (or just CMD+P shortcut)

  2. You can see the full export DBML of the current diagram.

  3. Use the filter to search and look on a specific table easily.


Start your trial today to unlock unlimited Auto‑Save, real-time collaboration, and a frictionless workflow:

  1. Compare Plans & Pricing

  2. Try Pro or Team Now

FAQs

FAQs

What is DBML and why should I use it?

Can I edit my diagram directly in DBML?

What happens if I break the syntax?

Can I switch back to visual editing?

Is the DBML Editor included in the free plan?

What is DBML and why should I use it?

Can I edit my diagram directly in DBML?

What happens if I break the syntax?

Can I switch back to visual editing?

Is the DBML Editor included in the free plan?

What is DBML and why should I use it?

Can I edit my diagram directly in DBML?

What happens if I break the syntax?

Can I switch back to visual editing?

Is the DBML Editor included in the free plan?

A Better Way to Work with DBML

Get Started

A Better Way to Work with DBML

Get Started

A Better Way to Work with DBML

Get Started