[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8773":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},8773,"admin-one-vue-tailwind","justboil\u002Fadmin-one-vue-tailwind","justboil","Free Vue.js 3.x Tailwind 4.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available","https:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F",null,"Vue",2461,443,26,27,0,1,60.54,"MIT License",false,"master",true,[24,25,26,27,28,29,30,31,32,33,34,35],"dashboard","tailwind","tailwind-css","tailwind-css-template","tailwindcss","vite","vite-template","vitejs","vitejs-template","vue","vuejs","vuejs3","2026-06-12 04:00:41","# [Admin One &mdash; Free Vue 3.x Tailwind 4.x Admin Dashboard with dark mode](https:\u002F\u002Fjustboil.me\u002Ftailwind-admin-templates\u002Ffree-vue-dashboard\u002F)\n\n[![version](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fjustboil\u002Fadmin-one-vue-tailwind)](https:\u002F\u002Fjustboil.me\u002Ftailwind-admin-templates\u002Ffree-vue-dashboard\u002F)  [![license](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg)](https:\u002F\u002Fjustboil.me\u002Ftailwind-admin-templates\u002Ffree-vue-dashboard\u002F)\n\n### Tailwind 4.x Vue 3.x with Vite or Nuxt or Laravel\n\n[![Free Vue 3 Tailwind 4 admin dashboard with dark mode](https:\u002F\u002Fstatic.justboil.me\u002Ftemplates\u002Fone\u002Frepo-tailwind-vue.png?v=4)](https:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F)\n\n[![Vue Tailwind white & dark styles](https:\u002F\u002Fstatic.justboil.me\u002Ftemplates\u002Fone\u002Frepo-styles.png)](https:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F)\n\n### Tailwind 4.x Vue 3.x with Vite or Nuxt or Laravel\n\n**Admin One** is simple, beautiful and free Vue.js 3.x Tailwind CSS 4.x admin dashboard. Nuxt 3.x or Laravel 12.x integrations available\n\n* Built with **Vue.js 3**, **Tailwind CSS 4** framework & **Composition API**\n* **Vite** under the hood &mdash; [Info](https:\u002F\u002Fvitejs.dev)\n* **Laravel Inertia Vue** integration available &mdash; [Info](#laravel-12x-integration)\n* **Nuxt 3** integration available &mdash; [Info](#nuxt-3-integration)\n* **SFC** `\u003Cscript setup>` &mdash; [Info](https:\u002F\u002Fv3.vuejs.org\u002Fapi\u002Fsfc-script-setup.html)\n* **Pinia** state library (official Vuex 5) &mdash; [Info](https:\u002F\u002Fpinia.vuejs.org\u002F)\n* **Dark mode**\n* **Styled** scrollbars\n* SPA with **Router**\n* **Production CSS** is only **&thickapprox;38kb**\n* Reusable components\n* Free under MIT License\n* [Premium version](https:\u002F\u002Fjustboil.me\u002Ftailwind-admin-templates\u002Fvue-dashboard\u002F) available\n\n## Table of Contents\n\n* [React TypeScript version](#looking-for-react-typescript-version)\n* [Responsive layout](#responsive-layout)\n  * [Mobile & tablet](#mobile--tablet)\n  * [Small laptops](#small-laptops-1024px)\n  * [Laptops & desktops](#laptops--desktops)\n* [Demo](#demo)\n  * [Free dashboard demo](#free-dashboard-demo)\n  * [Premium dashboard demo](#premium-dashboard-demo)\n* [Quick Start](#quick-start)\n  * [Get code & install](#get-code--install)\n  * [Vite builds](#vite-builds)\n  * [Linting](#linting)\n  * [Nuxt 3.x integration](#nuxt-3x-integration)\n  * [Laravel 12.x integration](#laravel-12x-integration)\n* [Docs](#docs)\n* [Browser Support](#browser-support)\n* [Reporting Issues](#reporting-issues)\n* [Licensing](#licensing)\n* [Useful Links](#useful-links)\n\n## Looking for React TypeScript version?\n\nThis is **Tailwind Vue dashboard** version\n\nLooking for **Tailwind React TypeScript**? Check [Admin One - React TypeScript Tailwind dashboard](https:\u002F\u002Fgithub.com\u002Fjustboil\u002Fadmin-one-react-tailwind) version\n\n## Responsive layout\n\n### Mobile & tablet\n\nMobile layout with hidden aside menu and collapsable cards & tables\n\n[![Free Vue 3 Tailwind CSS 4 admin dashboard](https:\u002F\u002Fstatic.justboil.me\u002Ftemplates\u002Fone\u002Fone-tailwind-vue-mobile.png)](https:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F)\n\n### Small laptops 1024px\n\nSmall laptop layout with show\u002Fhide aside menu option\n\n[![Free Vue 3 Tailwind CSS 4 admin dashboard](https:\u002F\u002Fstatic.justboil.me\u002Ftemplates\u002Fone\u002Fone-tailwind-vue-1024.png)](https:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F)\n\n[![Free Vue 3 Tailwind CSS 4 admin dashboard](https:\u002F\u002Fstatic.justboil.me\u002Ftemplates\u002Fone\u002Fone-tailwind-vue-1024-menu-open.png)](https:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F)\n\n### Laptops & desktops\n\nClassic layout with aside menus on the left\n\n[![Free Vue 3 Tailwind CSS 4 admin dashboard](https:\u002F\u002Fstatic.justboil.me\u002Ftemplates\u002Fone\u002Fone-tailwind-vue-widescreen.png)](https:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F)\n\n## Demo\n\n### Free Dashboard Demo\n\nhttps:\u002F\u002Fjustboil.github.io\u002Fadmin-one-vue-tailwind\u002F\n\n### Premium Dashboard Demo\n\nhttps:\u002F\u002Ftailwind-vue.justboil.me\u002F\n\n## Quick Start\n\nGet code & install. Then `dev` or `build` with [Vite](#vite-builds) or integrate with [Nuxt](#nuxt-3x-integration) or [Laravel](#laravel-12x-integration)\n\n* [Get code & install](#get-code--install)\n* [Vite builds](#vite-builds)\n* [Linting](#linting)\n* [Nuxt 3.x integration](#nuxt-3x-integration)\n* [Laravel 12.x integration](#laravel-12x-integration)\n\n### Get code & install\n\n#### Get the repo\n\n* [Create new repo](https:\u002F\u002Fgithub.com\u002Fjustboil\u002Fadmin-one-vue-tailwind\u002Fgenerate) with this template\n* &hellip; or clone this repo on GitHub\n* &hellip; or [download .zip](https:\u002F\u002Fgithub.com\u002Fjustboil\u002Fadmin-one-vue-tailwind\u002Farchive\u002Fmaster.zip) from GitHub\n\n#### Install\n\n`cd` to project's dir and run `npm install`\n\n### Vite builds\n\n[Vite](https:\u002F\u002Fvitejs.dev) is next Generation Frontend Tooling featuring unbundled web-development\n\n#### Hot-reloads for development\n\n```\nnpm run dev\n```\n\n#### Builds and minifies for production\n\n```\nnpm run build\n```\n\n#### Serves recently built app\n\n```\nnpm run preview\n```\n\n### Linting\n\n#### Lint\n\n```\nnpm run lint\n```\n\n### Nuxt 3.x integration\n\nThis dashboard can be integrated with Nuxt 3.x. [Check guide](https:\u002F\u002Fgithub.com\u002Fjustboil\u002Fadmin-one-vue-tailwind\u002Ftree\u002Fmaster\u002F.nuxt-guide) for more information\n\n### Laravel 12.x integration\n\nThis dashboard can be integrated with Laravel 12.x Inertia + Vue.js stack. [Check guide](https:\u002F\u002Fgithub.com\u002Fjustboil\u002Fadmin-one-vue-tailwind\u002Ftree\u002Fmaster\u002F.laravel-guide) for more information\n\n## Docs\n\nCustomization & info: https:\u002F\u002Fjustboil.github.io\u002Fdocs\u002F\n\n## Browser Support\n\nWe try to make sure Dashboard works well in the latest versions of all major browsers\n\n\u003Cimg src=\"https:\u002F\u002Fjustboil.me\u002Fimages\u002Fbrowsers-svg\u002Fchrome.svg\" width=\"64\" height=\"64\" alt=\"Chrome\"> \u003Cimg src=\"https:\u002F\u002Fjustboil.me\u002Fimages\u002Fbrowsers-svg\u002Ffirefox.svg\" width=\"64\" height=\"64\" alt=\"Firefox\"> \u003Cimg src=\"https:\u002F\u002Fjustboil.me\u002Fimages\u002Fbrowsers-svg\u002Fedge.svg\" width=\"64\" height=\"64\" alt=\"Edge\"> \u003Cimg src=\"https:\u002F\u002Fjustboil.me\u002Fimages\u002Fbrowsers-svg\u002Fsafari.svg\" width=\"64\" height=\"64\" alt=\"Safari\"> \u003Cimg src=\"https:\u002F\u002Fjustboil.me\u002Fimages\u002Fbrowsers-svg\u002Fopera.svg\" width=\"64\" height=\"64\" alt=\"Opera\">\n\n## Reporting Issues\n\nJustBoil's free items are limited to community support on GitHub.\n\nThe 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.\n\n1. Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant\n2. Provide steps to reproduce\n3. Provide an expected behavior\n4. Describe what is actually happening\n5. Platform, Browser & version as some issues may be browser specific\n\n## Licensing\n\n- Copyright &copy; 2019-2025 JustBoil.me (https:\u002F\u002Fjustboil.me)\n- Licensed under MIT\n\n## Useful Links\n\n- [JustBoil.me](https:\u002F\u002Fjustboil.me\u002F)\n- [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F)\n- [Vue.js 3](https:\u002F\u002Fv3.vuejs.org\u002F)\n- [Vite](https:\u002F\u002Fvitejs.dev)\n","Admin One 是一个基于 Vue.js 3.x 和 Tailwind CSS 4.x 的免费后台管理模板，支持暗黑模式。该项目使用了现代前端工具和技术栈，包括 Vite 构建工具、Pinia 状态管理库以及 Composition API。它还提供了与 Laravel 和 Nuxt 3 的集成选项，使得在不同技术栈中快速搭建应用成为可能。项目内置了多种可复用组件，并且生产环境下的 CSS 文件大小仅约 38KB，非常适合需要高效开发和高性能的后台管理系统场景。此外，其响应式设计确保了在各种设备上都有良好的用户体验。",2,"2026-06-11 03:19:41","top_language"]