VueLaravelAdmin dashboardStarter

Laravel-vue-Starter-Kit-Dashboard — Vue Admin dashboard Template

By MogahidGaffar

A reusable admin starter kit built on Laravel, Vue 3, and Inertia, with built-in authentication, user and role-permission management, logs, notifications, chart dashboards, multilingual support, and Excel export modules.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided previewTop of page

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Authentication flows include login, registration, and logout

02

User management supports CRUD, pagination, and filtering

03

Role and permission management based on Spatie, with permissions assignable to roles

04

Log system records operations across modules and supports undo

05

Notification system displays CRUD and queued task notifications in table form

06

Dashboard provides multi-dimensional statistical charts for users and logs

Template Details

This is an admin starter kit for Laravel developers, with a frontend using Vue 3 and Inertia. The repository describes it as a reusable admin dashboard combining Laravel 10, Vue 3, and Inertia. Released under the MIT license, it provides an online demo site and is suitable as a starting point for the admin portion of new projects, on which business modules can be further developed.

Its features cover common admin fundamentals: authentication flows including login, registration, and logout; user CRUD with pagination and filtering; role and permission management based on Spatie, including CRUD for roles and permissions and assigning permissions to roles; a log system that records operations across modules and supports undo; a notification system that presents notifications generated by internal operations (CRUD and queued tasks) in table form; user data export to Excel via queues; support for user avatar image uploads; a dashboard with charts for user statistics by role and status, and log statistics by module, action, and user; LTR and RTL multilingual layouts; plus a profile page, Bootstrap Alert and Sweet Alert prompts, and customizable layouts.

Limitations: the repository does not provide a dependency manifest check, so specific framework version numbers are not listed here; third-party assets such as demo images, fonts, and icons must be checked separately under their own licenses, and the code's MIT license does not cover these assets; external services such as domains, hosting, and databases may incur additional costs. The README installation steps require the GD extension enabled in an Apache environment, followed by database migration and seeding.

VueLaravelAdmin panelStarter kit

Is it right for your project?

Use Cases

  • Rapidly building an admin management system with access control
  • Preparing reusable admin-side foundational modules for a Laravel + Vue project
  • Internal systems requiring operation logs, notifications, and Excel export capabilities
  • Admin projects requiring LTR and RTL multilingual interfaces

Suitable For

  • Developers familiar with Laravel and Vue 3
  • Teams needing an admin starter kit rather than a complete business system
  • Projects intending to build upon MIT-licensed code

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Enable the GD extension in an Apache environment (e.g., XAMPP, WAMP, Laragon)

  2. 2

    Run composer install and npm install in sequence to install dependencies

  3. 3

    Run php artisan storage:link to create the storage symlink

  4. 4

    Run php artisan migrate:fresh --seed to migrate and seed the database

  5. 5

    Run php artisan serve and npm run dev separately to start the frontend and backend

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Installation and operation require the PHP GD extension enabled in an Apache server (e.g., XAMPP, WAMP, Laragon); otherwise image-processing features will not work properly.
  • Demo images, fonts, icons, and other third-party assets must be checked under their own licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

#make sure to enable GD extension in your apache server (Xampp , Wamp ,laragon ..etc)

Original README
https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/LICENSE.mdhttps://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 92 / 100
Technologies
Vue · Laravel
Website type
Admin dashboard · Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-07-27
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: fb8f6ebbc4b3bfc35144978a3cf2f908e9e2a2b4e27147fc228fe292e65485cc

2026-10-02T14:43:15.426Z

Source file / repository
# 🚀 Laravel Vue Inertia Reusable Starter Kit Dashboard

![Forks](https://img.shields.io/github/forks/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard?style=social)
![Stargazers](https://img.shields.io/github/stars/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard?style=social)
![Issues](https://img.shields.io/github/issues/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard)
![MIT License](https://img.shields.io/github/license/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard)
[![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue)](https://www.linkedin.com/in/mogahid-gaffar-397b1719a/)

<div align="center">
  <img src="https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/dashboard-assets/img/readme_main_img.png?raw=true" alt="App Logo" width="300" height="150">
</div>
<br>
 
Glad to share with you my reusable starter kit dashboard using Laravel and Vue.js 🎉

This kit is available for all my dear Laravel developers! 🌟 

## PREVIEW
![PREVIEW](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/PREVIEW.gif)

## Reviews
![Reviews](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/reviews.png)

---
### 🌟 The Importance of Open Source Projects
Sharing such projects as open source enhances collaboration and benefits other developers, making their lives easier in application development. Everyone can benefit from this collective effort!

## Key Features Included

### 1. Authentication
- **Login**
- **Register**
- **Logout**

![Login Page](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/login.PNG)

---

### 2. User Management
- **Create Users**
- **Read Users**
- **Update Users**
- **Delete Users**
- **Pagination**
- **Filtering**

![Users Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/users.PNG)
![Edit User](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/edit_user.PNG)

---

### 3. Authorization: Roles & Permissions
Efficiently managed using Spatie, including CRUD operations and filtering.

#### Roles
![Roles Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/roles.PNG)

#### Permissions
![Permissions Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/permissions.PNG)

#### Assigning Permissions to Role
![Roles and Permissions Assignment](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/roles_permissions.PNG)

---

### 4. Logging System
- Tracks all actions across modules 
- Ability to undo actions

![Logging System](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/logs.PNG)

---

### 5. Notification System
- Table-based notifications for internal actions (CRUD and queued jobs)

![Notification System](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/notifiaction.PNG)

---

### 6. Excel Exportation
- Export user data to Excel using queues

---

### 7. Image File Uploading
- Easy and effective management for user avatar images

---

### 8. Dashboard with Charts and Statistics
- Users by role chart
- Users by status chart
- Logs by module chart 
- Logs by action chart
- Logs by user chart

![Dashboard](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/dashabord.PNG)

---

### 9. Multi-Language Support
- Designed to accommodate both LTR and RTL languages

![Multi-Language Support](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/RTL.PNG)

---

### 10. Profile Management
![Profile Management](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/profile.PNG)

---

### 11. Alert System
- Custom alerts for users upon executing certain operations
  - Bootstrap Alert
  - Sweet Alert

![Alert System](https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard/blob/main/public/screenshots/sweet_alert.PNG)

---

### 12. Flexible Layout
- Support for customizing the layout according to user needs

---

I am excited about the possibilities this starter kit opens up for future projects and collaborations. 

I invite you to evaluate the project on my GitHub account by giving it ⭐️; every rating contributes to improving the project and encourages me to continue developing more!

## Installation Commands

To get started, follow these commands:

```bash
#make sure to enable GD extension in your apache server (Xampp , Wamp ,laragon ..etc)

# Clone the repository
git clone https://github.com/MogahidGaffar/Laravel-vue-Starter-Kit-Dashboard.git

# Change directory
cd Laravel-vue-Starter-Kit-Dashboard

# Install dependencies
composer install

# Install Node.js dependencies
npm install

# Link storage
php artisan storage:link

# Migrate database 
php artisan migrate:fresh --seed

# Run the project
php artisan serve
npm run dev
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

vuestic-admin

vuestic-admin

Vuestic Admin is an open-source Vue 3 admin template maintained by Epicmax, built on Vuestic UI with Vite, Pinia, and Tailwind CSS. It provides a ready-to-run dashboard with a dark theme, global configuration, i18n internationalization, and responsive layout.

Vue · Admin dashboard

vitesse

vitesse

Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.

Vue · Starter

v3-admin-vite

v3-admin-vite

v3-admin-vite is an AI-friendly Vue3 admin template built on Vue3, Vite, TypeScript, and Element Plus. It keeps a lean structure with detailed comments, supports backend-controlled dynamic route permissions, page-level and button-level permissions, multiple themes and layouts, and mobile compatibility.

Vue · Admin dashboard

vue-typescript-admin-template

vue-typescript-admin-template

A Vue 2.6 + TypeScript + Element UI admin template ported from vue-element-admin, offering type safety and enterprise features like permission authentication, internationalization, dynamic themes, editors, charts, Excel/PDF handling, and PWA support.

Vue · Admin dashboard

vue-antd-admin

vue-antd-admin

Vue Antd Admin is the Vue implementation of Ant Design Pro, providing an out-of-the-box front-end and design solution for admin dashboards.

Vue · Admin dashboard

coreui-free-vue-admin-template

coreui-free-vue-admin-template

CoreUI's official free Vue admin template, MIT licensed, built on Vue 3 and the CoreUI component library with Vue Router, Pinia, and Vite.

Vue · Admin dashboard