Uses Vue 3 Composition API and `<script setup>` single-file components
VueLaravelViteAdmin dashboard
admin-one-vue-tailwind — Vue Admin dashboard Template
By acemihir
A free admin dashboard template based on Vue 3 and Tailwind CSS, with dark mode, Vite builds, Pinia state management, and Nuxt and Laravel integration guides.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage
Desktop captureTop of page
Actual screenshot captured by the server browser.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-04View source
What stands out
A quick read of the recorded project description.
Tailwind CSS-based interface styling with built-in dark mode and custom scrollbars
Uses Pinia for state management, combined with Vue Router to form a single-page application
Uses Vite by default for development hot reload, production builds, and local preview
Provides integration guides for Nuxt 3 and Laravel Breeze Inertia + Vue
Responsive layout: collapsible menus and tables on mobile, fixed left sidebar on desktop
Template Details
Admin One is a free admin dashboard template written with Vue 3's Composition API and `<script setup>` single-file components, styled with Tailwind CSS, and using Pinia for state management. The project uses Vite for development and builds by default, and the README lists commands such as `npm run dev`, `npm run build`, `npm run preview`, and `npm run lint`.
For the interface, the template includes dark mode and custom scrollbars, follows a single-page application structure, and uses Vue Router to organize pages. The layout changes with screen width: on mobile and tablet, the side menu is hidden and cards and tables can collapse; on small laptops around 1024px, the side menu can be shown or hidden; on laptops and desktops, it uses the classic layout with a fixed left side menu.
In addition to the default Vite build, the repository provides a Nuxt 3 integration guide (in the `.nuxt-guide` directory) and a Laravel Breeze Inertia + Vue integration guide (in the `.laravel-guide` directory). The project is released under the MIT license, and the free version is limited to community support; the README also mentions a paid premium version, and this entry corresponds only to the public free code.
VueLaravelViteAdmin
Is it right for your project?
Use Cases
- Needs a Vue 3 + Tailwind CSS admin interface starting point for building an admin dashboard
- Wants to use Pinia and Vue Router directly in a Vue project to organize admin pages
- Needs an admin panel with dark mode and styles that can be adjusted via Tailwind
- Plans to integrate the admin panel into a Nuxt 3 application
- Plans to reuse the admin interface in a Laravel Breeze Inertia + Vue project
Suitable For
- Developers using the Vue 3 stack who need a ready-made admin layout and components
- Teams that prefer Tailwind CSS utility classes and want to adjust the appearance themselves
- Projects that need to integrate the same admin interface in Vite, Nuxt, or Laravel environments
- Users who accept the MIT free version and take on subsequent maintenance and customization themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Get the code by generating a repository from the GitHub template, cloning the repository, or downloading the zip, then run `npm install` in the project directory.
- 2
During development, run `npm run dev`; for production builds, use `npm run build`; to preview the build locally, use `npm run preview`; for code checking, use `npm run lint`.
- 3
For Nuxt 3 integration, refer to the `.nuxt-guide` directory in the repository; for Laravel Breeze Inertia + Vue integration, refer to the `.laravel-guide` directory.
- 4
The free version only provides GitHub community support; the issue list accepts only bug reports and feature requests, not usage questions.
- 5
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; the code's MIT license does not cover these.
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed for free.
- 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
- The free version only provides GitHub community support and does not offer official technical support or usage assistance.
- GitHub issues accept only bug reports and feature requests, not usage questions; such issues will be closed.
- The project also has a paid premium version; the free code does not include premium features, and premium features require a separate purchase.
- Project materials mention optional paid versions or features; this entry covers only the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective 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
JustBoil's free items are limited to community support on GitHub.
Original README
The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions.
Original README
https://github.com/acemihir/admin-one-vue-tailwind/blob/main/LICENSEhttps://github.com/acemihir/admin-one-vue-tailwind/blob/main/README.md[Premium version](https://justboil.me/tailwind-admin-templates/vue-dashboard/) available
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-04. 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
- Partly documented · 73 / 100
- Technologies
- Vue · Laravel · Vite
- Website type
- Admin dashboard
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
- 2022-10-14
- Screenshot last checked
- 2026-10-04
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.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 64f9a440735ef68ad30777a59bc779223fc2566e24e4002c4171b970af486bb5
2026-10-04T02:55:59.915Z
Source file / repository# [Admin One — Free Vue 3.x Tailwind 3.x Admin Dashboard with dark mode](https://justboil.me/tailwind-admin-templates/free-vue-dashboard/) [](https://justboil.me/tailwind-admin-templates/free-vue-dashboard/) [](https://justboil.me/tailwind-admin-templates/free-vue-dashboard/) ### Tailwind 3.x Vue 3.x with Vite or Nuxt or Laravel [](https://justboil.github.io/admin-one-vue-tailwind/) [](https://justboil.github.io/admin-one-vue-tailwind/) ### Tailwind 3.x Vue 3.x with Vite or Nuxt or Laravel **Admin One** is simple, beautiful and free Vue.js 3.x Tailwind CSS 3.x admin dashboard. Nuxt 3.x or Laravel 9.x integrations available * Built with **Vue.js 3**, **Tailwind CSS 3** framework & **Composition API** * **Vite** under the hood — [Info](https://vitejs.dev) * **Nuxt 3** integration available — [Info](#nuxt-3-integration) * **Laravel Breeze Inertia Vue** integration available — [Info](#laravel-9x-integration) * **SFC** `<script setup>` — [Info](https://v3.vuejs.org/api/sfc-script-setup.html) * **Pinia** state library (official Vuex 5) — [Info](https://pinia.vuejs.org/) * **Dark mode** * **Styled** scrollbars * SPA with **Router** * **Production CSS** is only **≈38kb** * Reusable components * Free under MIT License * [Premium version](https://justboil.me/tailwind-admin-templates/vue-dashboard/) available ## Table of Contents * [React TypeScript version](#looking-for-react-typescript-version) * [Responsive layout](#responsive-layout) * [Mobile & tablet](#mobile--tablet) * [Small laptops](#small-laptops-1024px) * [Laptops & desktops](#laptops--desktops) * [Demo](#demo) * [Free dashboard demo](#free-dashboard-demo) * [Premium dashboard demo](#premium-dashboard-demo) * [Quick Start](#quick-start) * [Get code & install](#get-code--install) * [Vite builds](#vite-builds) * [Linting](#linting) * [Nuxt 3.x integration](#nuxt-3x-integration) * [Laravel 9.x integration](#laravel-9x-integration) * [Docs](#docs) * [Browser Support](#browser-support) * [Reporting Issues](#reporting-issues) * [Licensing](#licensing) * [Useful Links](#useful-links) ## Looking for React TypeScript version? This is **Tailwind Vue dashboard** version Looking for **Tailwind React TypeScript**? Check [Admin One - React TypeScript Tailwind dashboard](https://github.com/justboil/admin-one-react-tailwind) version ## Responsive layout ### Mobile & tablet Mobile layout with hidden aside menu and collapsable cards & tables [](https://justboil.github.io/admin-one-vue-tailwind/) ### Small laptops 1024px Small laptop layout with show/hide aside menu option [](https://justboil.github.io/admin-one-vue-tailwind/) [](https://justboil.github.io/admin-one-vue-tailwind/) ### Laptops & desktops Classic layout with aside menus on the left [](https://justboil.github.io/admin-one-vue-tailwind/) ## Demo ### Free Dashboard Demo https://justboil.github.io/admin-one-vue-tailwind/ ### Premium Dashboard Demo https://tailwind-vue.justboil.me/ ## Quick Start Get code & install. Then `dev` or `build` with [Vite](#vite-builds) or integrate with [Nuxt](#nuxt-3x-integration) or [Laravel](#laravel-9x-integration) * [Get code & install](#get-code--install) * [Vite builds](#vite-builds) * [Linting](#linting) * [Nuxt 3.x integration](#nuxt-3x-integration) * [Laravel 9.x integration](#laravel-9x-integration) ### Get code & install #### Get the repo * [Create new repo](https://github.com/justboil/admin-one-vue-tailwind/generate) with this template * … or clone this repo on GitHub * … or [download .zip](https://github.com/justboil/admin-one-vue-tailwind/archive/master.zip) from GitHub #### Install `cd` to project's dir and run `npm install` ### Vite builds [Vite](https://vitejs.dev) is next Generation Frontend Tooling featuring unbundled web-development #### Hot-reloads for development ``` npm run dev ``` #### Builds and minifies for production ``` npm run build ``` #### Serves recently built app ``` npm run preview ``` ### Linting #### Lint ``` npm run lint ``` ### Nuxt 3.x integration This dashboard can be integrated with Nuxt 3.x. [Check guide](https://github.com/justboil/admin-one-vue-tailwind/tree/master/.nuxt-guide) for more information ### Laravel 9.x integration This dashboard can be integrated with Laravel 9.x Breeze Inertia + Vue.js stack. [Check guide](https://github.com/justboil/admin-one-vue-tailwind/tree/master/.laravel-guide) for more information ## Docs Customization & info: https://justboil.github.io/docs/ ## Browser Support We try to make sure Dashboard works well in the latest versions of all major browsers <img src="https://justboil.me/images/browsers-svg/chrome.svg" width="64" height="64" alt="Chrome"> <img src="https://justboil.me/images/browsers-svg/firefox.svg" width="64" height="64" alt="Firefox"> <img src="https://justboil.me/images/browsers-svg/edge.svg" width="64" height="64" alt="Edge"> <img src="https://justboil.me/images/browsers-svg/safari.svg" width="64" height="64" alt="Safari"> <img src="https://justboil.me/images/browsers-svg/opera.svg" width="64" height="64" alt="Opera"> ## Reporting Issues JustBoil's free items are limited to community support on GitHub. The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed. 1. Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant 2. Provide steps to reproduce 3. Provide an expected behavior 4. Describe what is actually happening 5. Platform, Browser & version as some issues may be browser specific ## Licensing - Copyright © 2019-2022 JustBoil.me (https://justboil.me) - Licensed under MIT ## Useful Links - [JustBoil.me](https://justboil.me/) - [Tailwind CSS](https://tailwindcss.com/) - [Vue.js 3](https://v3.vuejs.org/) - [Vite](https://vitejs.dev)
Explore similar templates
Compare previews and descriptions within the same stack and category.
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
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
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 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'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
nova-admin
Nova Admin is an admin template built on Vue3, Vite, TypeScript, and Naive UI, with Unocss for styling.
Vue · Admin dashboard