Skip to content

zxwdbVisual Database Designer

Modern, Fast, and Intuitive MySQL/MariaDB Designer

zxwdb Logo

Quick Start

Install zxwdb globally via npm:

bash
npm install -g @fiqihbadrian/zxwdb

Start the designer:

bash
zxwdb

Open your browser at http://localhost:20256

Why zxwdb?

  • 🚀 Modern Stack: Built with React, Vite, and ReactFlow for a smooth, responsive experience
  • 💡 Intuitive: Visual drag-and-drop interface that feels natural
  • 🔧 Powerful: Full CRUD operations on both schema and data
  • 📦 Portable: Single npm package, runs anywhere Node.js runs
  • 🎨 Beautiful: Clean UI with dark/light themes inspired by Chrome
  • ⚡ Fast: Instant startup, real-time updates, no lag

What You Can Do

Design Visually

  • Create tables with columns, data types, and constraints
  • Drag to create foreign key relationships
  • Auto-arrange tables with fit-to-screen
  • Zoom and pan the canvas

Manage Data

  • Browse table data with pagination
  • Insert, edit, and delete rows
  • View related records (FK relationships)
  • Run custom SQL queries

Professional Features

  • Undo/Redo support for all operations
  • SQL preview (DDL generation)
  • Import existing database schemas
  • Keyboard shortcuts for power users
  • Auto-save to database

Supported Databases

  • ✅ MySQL 5.7+
  • ✅ MySQL 8.0+
  • ✅ MariaDB 10.3+
  • ✅ MariaDB 10.11+

Browser Support

  • ✅ Chrome/Edge (latest)
  • ✅ Firefox (latest)
  • ✅ Safari (latest)

License

MIT © 2026 Fiqih Badrian

Released under the MIT License.