Introduction
Visual Schema Designer for Laravel Migrations
Modernizing Laravel Migrations
Laravel Visual Migrator is a powerful tool that gives developers a GUI for managing database schemas. Design your tables visually, generate clean migration files, and sync them back — all from your browser.
Quick Start
Get up and running in 30 seconds:
1# Install the package
2composer require ekosuprianto96/laravel-visual-migrator
3# Publish assets and configuration
4php artisan visual-migrator:install
5# Open in your browser
6http://your-app.test/visual-migrator
Key Features
Everything you need to manage database schemas visually.
-
Visual Schema Builder
Drag and drop to create tables, columns, and relationships with an interactive diagram powered by Vue Flow.
-
Bidirectional Sync
Import existing migrations to visualize, or export visual designs to clean Laravel migration files.
-
Auto-Generation
Instantly generate PSR-compliant Laravel migration PHP files from your visual design.
-
Draft Persistence
Draft tables are preserved in LocalStorage, preventing data loss on browser refresh.
-
Relationship Modeling
Define 1:1, 1:N, and N:N relationships visually with cardinality-based line styles.
-
Optimized Performance
Debounced requests, throttled polling, and tab visibility awareness for a lightweight experience.
Requirements
| Laravel Version | PHP Version | Support |
|---|---|---|
| Laravel 10.x | PHP >= 8.1 | ✅ Supported |
| Laravel 11.x | PHP >= 8.2 | ✅ Supported |
| Laravel 12.x | PHP >= 8.2 | ✅ Supported |
Why Use Laravel Visual Migrator?
Speed up Prototyping
Stop writing migrations by hand. Drag, drop, and click to build your core architecture in minutes.
Visual Documentation
Your diagram is your living documentation. New team members can understand the database structure at a glance.
Reduced Human Error
Ensure foreign keys and data types are consistent across tables without worrying about syntax errors.
Non-Destructive
It works alongside your existing migrations. You can selectively sync only what you need.