All Projects → justboil → admin-one-vue-tailwind

justboil / admin-one-vue-tailwind

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

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to admin-one-vue-tailwind

tailwind-dashboard-template
Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by
Stars: ✭ 1,662 (+123.99%)
Mutual labels:  tailwind, tailwind-css, vite, vitejs
admin-two-vue-bulma-dashboard
Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported
Stars: ✭ 68 (-90.84%)
Mutual labels:  vite, vitejs, vitejs-template
electron-vue-template
A very simplistic Electron + Vue 3 template including ViteJS and Electron Builder
Stars: ✭ 60 (-91.91%)
Mutual labels:  vite, vuejs3, vitejs
vuejs-tailwindcss-portfolio
A simple multipage and responsive Vue.js & Tailwind CSS portfolio theme with dark mode.
Stars: ✭ 100 (-86.52%)
Mutual labels:  tailwind, tailwind-css, tailwind-css-template
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Stars: ✭ 861 (+16.04%)
Mutual labels:  tailwind, tailwind-css, tailwind-css-template
notus-angular
Notus Angular: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 148 (-80.05%)
Mutual labels:  tailwind, tailwind-css, tailwind-css-template
tailwind
Website clones/examples using Tailwind CSS.
Stars: ✭ 49 (-93.4%)
Mutual labels:  tailwind, tailwind-css, tailwind-css-template
Next-JS-Landing-Page-Starter-Template
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Stars: ✭ 521 (-29.78%)
Mutual labels:  tailwind, tailwind-css, tailwind-css-template
play-tailwind
Play is free and open source Tailwind CSS template for - Startup, SaaS, Apps, Business and More. It comes with a high-quality design and all essential components & pages you need to launch a complete website.
Stars: ✭ 60 (-91.91%)
Mutual labels:  tailwind, tailwind-css, tailwind-css-template
notus-js
Notus JS: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 191 (-74.26%)
Mutual labels:  tailwind, tailwind-css, tailwind-css-template
vite-plugin-webfont-dl
⚡ Webfont Download Vite Plugin - Make your Vite site load faster
Stars: ✭ 69 (-90.7%)
Mutual labels:  vite, vuejs3, vitejs
vite-plugins
🌱 为社区尽一份绵薄之力
Stars: ✭ 63 (-91.51%)
Mutual labels:  vite, vitejs
vite-plugin-ssr
Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
Stars: ✭ 1,703 (+129.51%)
Mutual labels:  vite, vitejs
tailwind-layouts
Collection of Tailwind Layouts
Stars: ✭ 53 (-92.86%)
Mutual labels:  tailwind, vite
create-nuxt-tailwind-app
[DEPRECATED] Use create-nuxt-app, they added full tailwindcss & purgecss support
Stars: ✭ 32 (-95.69%)
Mutual labels:  tailwind, tailwind-css
vuejs-3-examples
Some examples of Vue.js 3.0.
Stars: ✭ 26 (-96.5%)
Mutual labels:  vite, vuejs3
django-vite
Integration of ViteJS in a Django project.
Stars: ✭ 201 (-72.91%)
Mutual labels:  vite, vitejs
electron-vite-tailwind-starter
This Starter utilizes Electron, Vite and Tailwindcss in combination. It trys to adhare best practices.
Stars: ✭ 141 (-81%)
Mutual labels:  tailwind, vite
image-optimizer
A free and open source tool for optimizing images and vector graphics.
Stars: ✭ 740 (-0.27%)
Mutual labels:  vite, vitejs
tailwindcss-background-extended
All of the missing background utilities for Tailwind CSS.
Stars: ✭ 25 (-96.63%)
Mutual labels:  tailwind, tailwind-css

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

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].