Laravel Vue Admin Panel

Laravel Vue Admin Panel is an open-source Composer package that installs a single-page Vue 3 admin panel into any Laravel project, with authentication, role-based permissions, and dynamic menus already wired up. It is built on Laravel 12, uses Inertia.js to connect the Vue frontend to the Laravel backend, and is styled with Tailwind CSS.

What is the Laravel Vue Admin Panel?

It is a Composer package (balajidharma/laravel-vue-admin-panel) from the balajidharma GitHub account that scaffolds an entire admin backend for Laravel applications. You start with a fresh Laravel project, install this package, and it gives you a working admin area at the /admin prefix with a pre-seeded super admin account. It also includes a Docker setup via Laravel Sail.

Key Features

The package bundles a complete admin foundation with these observable features:

• Laravel 12 + Vue 3 stack — the backend runs on Laravel 12 while the frontend is a Vue 3 single-page application connected with Inertia.js.
• Role-based permissions — spatie/laravel-permission is included and seeded so you can manage roles and permissions immediately.
• Dynamic menu management — balajidharma/laravel-menu provides a database-driven navigation menu system for the admin panel.
• Pre-built dashboard UI — the interface is based on the Admin One Vue Tailwind dashboard template, so charts, tables, and admin components come ready to use.
• Laravel Sail Docker support — includes a Sail configuration for MySQL, Redis, Meilisearch, Mailpit, and Selenium, with install commands documented for both Docker and non-Docker workflows.
• Super admin seed data — the AdminCoreSeeder creates a login at [email protected] with the password "password".
• Configurable admin prefix — the admin route prefix defaults to "admin" and can be changed through config/admin.php or the ADMIN_PREFIX environment variable.
• MIT license — the template and its Laravel foundation are open source under the MIT license.

Who is it for?

This template suits teams that want to skip admin-panel boilerplate and work directly on business features.

• Laravel developers who want a ready-made admin panel rather than building authentication and layout code from scratch.
• Full-stack teams that need a Vue 3 frontend with Laravel backend can use this as a foundation for CRUD-heavy back-office apps.
• Product developers who need role-based access control and a customizable menu structure can start from this seed and modify the admin section to their domain.

What can you do with the Laravel Vue Admin Panel?

The package supports three common adoption paths:

• Laravel developers: run composer create-project balajidharma/laravel-vue-admin-panel admin-app, add database credentials to .env, migrate with the AdminCoreSeeder, and get a login-ready admin panel.
• Admin panel customizers: change the admin prefix using the ADMIN_PREFIX environment variable and manage navigation menus through the database-driven menu package.
• Docker users: follow the Laravel Sail installation path to spin up MySQL, Redis, Meilisearch, Mailpit, and Selenium in containers for local development.

How does the Laravel Vue Admin Panel work?

After installing the package with Composer, you publish the admin core assets with php artisan vendor:publish --tag=admin-core, run php artisan migrate --seed --seeder=AdminCoreSeeder, and link storage with php artisan storage:link. The frontend is served as a single-page app via npm run dev while the Laravel backend runs through php artisan serve or Sail.

FAQ

How do I log in to the admin panel?

The seeded super admin account uses email [email protected] and password "password". After running the migration and seeder, visit your site's /admin URL and sign in with these credentials.

How do I change the admin URL prefix?

Set the ADMIN_PREFIX environment variable in your .env file, or edit the prefix value in config/admin.php. The default prefix is "admin".

Is the Laravel Vue Admin Panel free?

Yes. The package is open source under the MIT license, and the underlying Laravel framework is also MIT licensed. You can use it freely in personal and commercial projects.

What technologies does the Laravel Vue Admin Panel use?

It uses Laravel 12, Vue 3, Tailwind CSS, Inertia.js, spatie/laravel-permission, and balajidharma/laravel-menu. The UI is based on the Admin One Vue Tailwind dashboard template.

What should I do if an update breaks the admin panel?

The README recommends resetting the database and re-publishing vendor assets after a composer update: run php artisan vendor:publish --tag=admin-core --force followed by php artisan migrate --seed --seeder=AdminCoreSeeder.