admin one vue tailwind

Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available

justboil
2225
418
Vue

Admin One — Free Vue 3.x Tailwind 3.x Admin Dashboard with dark mode

version license

Tailwind 3.x Vue 3.x with Vite or Nuxt or Laravel

Free Vue 3 Tailwind 3 admin dashboard with dark mode

Vue Tailwind white & dark styles

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
  • Nuxt 3 integration available — Info
  • Laravel Breeze Inertia Vue integration available — Info
  • SFC <script setup> — Info
  • Pinia state library (official Vuex 5) — Info
  • Dark mode
  • Styled scrollbars
  • SPA with Router
  • Production CSS is only ≈38kb
  • Reusable components
  • Free under MIT License
  • Premium version available

Table of Contents

Looking for React TypeScript version?

This is Tailwind Vue dashboard version

Looking for Tailwind React TypeScript? Check Admin One - React TypeScript Tailwind dashboard version

Responsive layout

Mobile & tablet

Mobile layout with hidden aside menu and collapsable cards & tables

Free Vue 3 Tailwind CSS 3 admin dashboard

Small laptops 1024px

Small laptop layout with show/hide aside menu option

Free Vue 3 Tailwind CSS 3 admin dashboard

Free Vue 3 Tailwind CSS 3 admin dashboard

Laptops & desktops

Classic layout with aside menus on the left

Free Vue 3 Tailwind CSS 3 admin dashboard

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 or integrate with Nuxt or Laravel

Get code & install

Get the repo

Install

cd to project’s dir and run npm install

Vite builds

Vite 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 for more information

Laravel 9.x integration

This dashboard can be integrated with Laravel 9.x Breeze Inertia + Vue.js stack. Check 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

Chrome Firefox Edge Safari 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

Useful Links