https://github.com/drawdb-io/drawdb
Free, simple, and intuitive online database diagram editor and SQL generator.
https://github.com/drawdb-io/drawdb
database database-design database-diagram database-schema dbml diagram-editor editor er-diagram erd erdiagram indexeddb mariadb mcp oracle-database oracle-db postgresql schema-design sql sql-server sqlite
Last synced: 2 days ago
JSON representation
Free, simple, and intuitive online database diagram editor and SQL generator.
- Host: GitHub
- URL: https://github.com/drawdb-io/drawdb
- Owner: drawdb-io
- License: agpl-3.0
- Created: 2023-07-16T17:09:20.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2026-10-15T23:02:08.000Z (11 days ago)
- Last Synced: 2026-10-16T00:21:09.016Z (11 days ago)
- Topics: database, database-design, database-diagram, database-schema, dbml, diagram-editor, editor, er-diagram, erd, erdiagram, indexeddb, mariadb, mcp, oracle-database, oracle-db, postgresql, schema-design, sql, sql-server, sqlite
- Language: JavaScript
- Homepage: https://drawdb.app
- Size: 7.55 MB
- Stars: 40,033
- Watchers: 149
- Forks: 3,312
- Open Issues: 242
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-ccamel - drawdb-io/drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (JavaScript)
- awesome-side-quests - drawdb-io/drawdb - browser database diagram editor with SQL generation — fastest way to sketch a schema (Web Frontend / React & UI Libraries)
- awesomeLibrary - drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (语言资源库 / JavaScript)
- awesome-db-tools - DrawDB - Free, simple, and intuitive online database design tool and SQL generator. (Schema / Diagrams)
- awesome-database-design - Draw DB: Free, simple database design tool
- awesome-repositories-collection - drawdb
- AiTreasureBox - drawdb-io/drawdb - 11-03_34645_2](https://img.shields.io/github/stars/drawdb-io/drawdb.svg)|Free, simple, and intuitive online database design tool and SQL generator.| (Repos)
- awesome - drawdb-io/drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (JavaScript)
- awesome-github-projects - drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. ⭐39,913 `JavaScript` 🔥 (🌐 Web Development - Frontend)
- definitive-opensource - drawDB
- jimsghstars - drawdb-io/drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (JavaScript)
- awesome-devtools - drawDB - Free, simple, and intuitive online database design tool and SQL generator. (Diagram Tools / Analytical Databases)
- my-awesome - drawdb-io/drawdb - design,database-diagram,database-schema,dbml,diagram-editor,editor,er-diagram,erd,erdiagram,indexeddb,mariadb,mcp,oracle-database,oracle-db,postgresql,schema-design,sql,sql-server,sqlite pushed_at:2026-10 star:40.0k fork:3.3k Free, simple, and intuitive online database diagram editor and SQL generator. (JavaScript)
- awesome-luooooob - drawdb-io/drawdb - Free, simple, and intuitive online database design tool and SQL generator. (JavaScript)
- awesome-hacking-lists - drawdb-io/drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (JavaScript)
- awesome-javascript - drawdb-io/drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (User Interface / Applications and End User Tools)
- awesome - drawdb-io/drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (JavaScript)
- awesome - drawdb-io/drawdb - Free, simple, and intuitive online database diagram editor and SQL generator. (JavaScript)
README
drawDB
Free, simple, and intuitive database schema editor and SQL generator.
DrawDB is a robust and user-friendly database entity relationship diagram (ERD) editor right in your browser. Build diagrams with a few clicks, export and import SQL scripts, generate migrations, customize your editor, and more without creating an account. See the full set of features on [here](https://drawdb.app/).
## Getting Started
### Local Development
```bash
git clone https://github.com/drawdb-io/drawdb
cd drawdb
npm install
npm run dev
```
### Build
```bash
git clone https://github.com/drawdb-io/drawdb
cd drawdb
npm install
npm run build
```
### Docker Build
```bash
docker build -t drawdb .
docker run -p 3000:80 drawdb
```
If you want to enable sharing, set up the [server](https://github.com/drawdb-io/drawdb-server) and environment variables according to `.env.sample`. This is optional unless you need to share files.
With the Docker image, pass the server URL when starting the container. No rebuild is needed:
```bash
docker run -p 3000:80 -e VITE_BACKEND_URL=https://your-drawdb-server.example.com ghcr.io/drawdb-io/drawdb:latest
```
## Contributing
Please see [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines on how to contribute to this project.
## Support
- Join discussions: [Discord](https://discord.gg/BrjZgNrmR6)