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

Overview

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

You might also like...
💚 A Minimal Admin Dashboard Develop with Vue 3, VIte, and TailwindCss. It's Free 💥
💚 A Minimal Admin Dashboard Develop with Vue 3, VIte, and TailwindCss. It's Free 💥

💚 A Minimal Admin Dashboard Develop with Vue 3, Vite, and TailwindCss. It's Free 💥 Aatrox - VueJS 3 & TailwindCss Free Admin Dashboard Template Expl

Admin dashboard based on paper dashboard UI template + vue-router
Admin dashboard based on paper dashboard UI template + vue-router

Creative Tim Paper Dashboard made for Vue

A free Vue admin dashboard template pack featuring a modern design system  and lots of custom templates and components.
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

Shards Dashboard Vue A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note: Yo

Free Vue.js Bulma Buefy Admin Dashboard Template
Free Vue.js Bulma Buefy Admin Dashboard Template

Admin One — Free Vue Bulma Buefy Dashboard Admin One is simple, beautiful and free Vue.js 2.x Buefy Bulma admin dashboard (SPA/PWA). Free under MIT Li

Nuxt version of Mazer - Free Bootstrap 5 Admin Dashboard Template and Landing Page
Nuxt version of Mazer - Free Bootstrap 5 Admin Dashboard Template and Landing Page

Mazer is a Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency.

Free NuxtJs 3 + Vuetify3 Admin Dashboard Template
Free NuxtJs 3 + Vuetify3 Admin Dashboard Template

MaterialPro Free NuxtJs Admin Template is highly customizable and free dashboard template based on vuetify js. This template is based on Nuxt3 & Vuetify 3 based. so it is seo freindly + hybrid rendring + powerfull admin dashbaord template. it comes with handly features like table, charts, buttons, and profile example added. You can check the pro version of MaterialPro NuxtJs Admin Template for more details.

Nuxewind - Open Source Vue JS (Nuxt) Tailwind Admin Dashboard Template
Nuxewind - Open Source Vue JS (Nuxt) Tailwind Admin Dashboard Template

Installation Clone this repository git clone https://github.com/zuramai/nuxewind

Vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro
Vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro

Ant Design Vue Pro An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue 基于 Vite2 Vue3 Ant-Design-of-

Vumin is a Free Admin Template built with Vue.js & Tailwind CSS.
Vumin is a Free Admin Template built with Vue.js & Tailwind CSS.

Vumin is a Free Admin Template built with Vue.js & Tailwind CSS. Highlights SPA (Single Page Application) Reusable Components Vue Router & VueX Suppor

Owner
AceInfoTech Mihir
A Top-notch Full-Stack Web Developer and New Emerging Tech Stacks(Blockchain, NFT, Web3, DApp, and Metaverse)
AceInfoTech Mihir
🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

??????vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

good luck 13.3k Nov 29, 2022
Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js.

Star Admin Vue Admin is a free admin template based on Bootstrap 4 and Vue.js.

BootstrapDash 309 Nov 11, 2022
Kui-dashboard-vue - Admin dashboard template built with Tailwind CSS & vuejs 3

K UI Admin Dashboard Template (Vue 3) This template is not finished yet and stil

Kamona-UI 110 Nov 18, 2022
🚀🚀🚀Vue3,Vue3.0,Vue,Vue3.x,Vuex,Typescript,TSX,ts,vue后台管理,admin,vue-admin,vue3-admin,vue-element-admin,iooc-admin,iooc-vue-admin主线版本基于element-plus、Typescript开发维护.集成CRUD,JsonSchema、大量节省业务代码.

iooc-admin(element-plus) 演示地址(数据库五分钟重置一次) ⚡️ vue3.x + element-plus + TypeScript ⚡️ vue3.x + element-plus + TypeScript (视频) 项目地址 ⚡️ vue3.x + element-pl

Jacking 51 Jun 20, 2021
Pinia-starter-ts - 🪁 A Vue 3.x Starter template built on Vite 2.x + TypeScript + [email protected] 🍍

pinia-starter-ts ?? A Vue 3.x Starter template built on Vite 2.x + TypeScript + [email protected] ?? Live demo: Pinia TS Starter Environment Support Vue 3.2.

Wisdom 7 Nov 10, 2022
Windzo a free open source dashboard admin template, using vue js and tailwind css framework

Windzo Dashboard Admin this dashboard app on development fork this repo for new commit update ?? Windzo is a free open source dashboard admin template

Mohammad Sahrullah 39 Nov 25, 2022
Admin One - Vue.js 3 Tailwind CSS admin dashboard template

Admin One - Vue.js 3 Tailwind CSS admin dashboard template

JustBoil.me 956 Nov 25, 2022
Nuxt + CoreUI Free Vue Bootstrap Admin TemplateNuxt + CoreUI Free Vue Bootstrap Admin Template

Nuxt + CoreUI Free Vue Bootstrap Admin Template Nuxt + CoreUI Free Vue Bootstrap Admin Template Description Nuxt + CoreUI Free Vue Bootstrap Admin Tem

null 4 Apr 29, 2022
This is a WordPress boilerplate plugin using vue 3, build with Laravel Mix. Also tailwind setup available.

WP Plugin Vue Tailwind Boilerplate This is a Customizable sample WordPress Plugin which is developed as a single page app on backend with Vue js and T

Hasanuzzaman 3 Nov 12, 2022
Laravel Vue Admin is a beautiful dashboard combination of Laravel, Vue3 and the UI Toolkit Element Plus.

Laravel Vue Admin Laravel Vue Admin is a beautiful dashboard combination of Laravel, Vue3 and the UI Toolkit Element Plus. Getting started Installing

null 5 Nov 19, 2022