[Dashboard Vue3 Tailwind — Free Vue 3.x Tailwind 3.x Admin Dashboard with dark mode]

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

Table of Contents

• React TypeScript version
• Responsive layout
  • Mobile & tablet
  • Small laptops
  • Laptops & desktops
• Quick Start
  • Get code & install
  • Vite builds
  • Linting
  • Nuxt 3.x integration
  • Laravel 9.x integration
• Docs
• Browser Support
• Reporting Issues
• Licensing
• Useful Links

Responsive layout

Mobile & tablet

Mobile layout with hidden aside menu and collapsable cards & tables

Quick Start

Get code & install. Then dev or build with Vite or integrate with Nuxt or Laravel

• Get code & install
• Vite builds
• Linting
• Nuxt 3.x integration
• Laravel 9.x integration

Get code & install

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.

Laravel 9.x integration

This dashboard can be integrated with Laravel 9.x Breeze Inertia + Vue.js stack.

Browser Support

dashboard-vue3-tailwind