Awesome
Admin One — Free Vue 3.x Tailwind 3.x Admin Dashboard with dark mode
Tailwind 3.x Vue 3.x with Vite or Nuxt or Laravel
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
- React TypeScript version
- Responsive layout
- Demo
- Quick Start
- Docs
- Browser Support
- Reporting Issues
- Licensing
- 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 version
Responsive layout
Mobile & tablet
Mobile layout with hidden aside menu and collapsable cards & tables
Small laptops 1024px
Small laptop layout with show/hide aside menu option
Laptops & desktops
Classic layout with aside menus on the left
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
- Create new repo with this template
- … or clone this repo on GitHub
- … or download .zip from GitHub
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
<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.
- Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant
- Provide steps to reproduce
- Provide an expected behavior
- Describe what is actually happening
- Platform, Browser & version as some issues may be browser specific
Licensing
- Copyright © 2019-2022 JustBoil.me (https://justboil.me)
- Licensed under MIT