← Back to template page

Admin One Tailwind Vue 3

Vue 3.x Tailwind 3.x dashboard template with dark mode. Vite & Vue CLI

Premium
Tailwind 3.x
Vue 3.x
Composition API
Vite
Dark mode

package.json

{
  "name": "admin-one-vue-tailwind-premium",
  "version": "2.0.0",
  "private": true,
  "scripts": {
    "dev": "vite --host",
    "serve": "vue-cli-service serve",
    "serve:vite": "vite preview",
    "build": "vue-cli-service build",
    "build:vite": "vite build",
    "lint": "vue-cli-service lint",
    "lint:fix": "vue-cli-service lint --fix"
  },
  "dependencies": {
    "@headlessui/vue": "^1.4.2",
    "@mdi/js": "^6.5.95",
    "axios": "^0.24.0",
    "chart.js": "^3.6.0",
    "core-js": "^3.19.1",
    "numeral": "^2.0.6",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
  },
  "devDependencies": {
    "@babel/eslint-parser": "^7.16.3",
    "@tailwindcss/forms": "^0.4.0",
    "@types/tailwindcss": "^2.2.4",
    "@vitejs/plugin-vue": "^2.0.1",
    "@vue/cli-plugin-babel": "5.0.0-rc.1",
    "@vue/cli-plugin-eslint": "5.0.0-rc.1",
    "@vue/cli-plugin-router": "5.0.0-rc.1",
    "@vue/cli-plugin-vuex": "5.0.0-rc.1",
    "@vue/cli-service": "5.0.0-rc.1",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-standard": "^6.0.0",
    "autoprefixer": "^10.2.6",
    "eslint": "^7.32.0",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^5.1.1",
    "eslint-plugin-vue": "^7.20.0",
    "postcss": "^8.3.0",
    "postcss-import": "^14.0.2",
    "tailwindcss": "^3.0.2",
    "vite": "^2.6.14"
  }
}

Package structure

└─ admin-one-vue-tailwind-premium
   ├─ .browserslistrc
   ├─ .editorconfig
   ├─ .eslintrc.js
   ├─ README.md
   ├─ babel.config.js
   ├─ index.html
   ├─ jsconfig.json
   ├─ package-lock.json
   ├─ package.json
   ├─ postcss.config.js
   ├─ public
   │  ├─ data-sources
   │  │  ├─ clients.json
   │  │  ├─ history.json
   │  │  ├─ products.json
   │  │  └─ updates.json
   │  ├─ favicon.png
   │  └─ index.html
   ├─ src
   │  ├─ App.vue
   │  ├─ button-menu-sample-options.js
   │  ├─ colors.js
   │  ├─ components
   │  │  ├─ AsideMenu.vue
   │  │  ├─ AsideMenuItem.vue
   │  │  ├─ AsideMenuList.vue
   │  │  ├─ AsideRight.vue
   │  │  ├─ BottomOtherPagesSection.vue
   │  │  ├─ ButtonMenu.vue
   │  │  ├─ CardClientBar.vue
   │  │  ├─ CardComponent.vue
   │  │  ├─ CardProductBar.vue
   │  │  ├─ CardTransactionBar.vue
   │  │  ├─ CardWidget.vue
   │  │  ├─ Charts
   │  │  │  ├─ LineChart.vue
   │  │  │  └─ chart.config.js
   │  │  ├─ CheckRadioPicker.vue
   │  │  ├─ CheckboxCell.vue
   │  │  ├─ ClientsTable.vue
   │  │  ├─ Control.vue
   │  │  ├─ ControlIcon.vue
   │  │  ├─ Divider.vue
   │  │  ├─ Field.vue
   │  │  ├─ FieldHelp.vue
   │  │  ├─ FilePicker.vue
   │  │  ├─ FooterBar.vue
   │  │  ├─ FormScreenSection.vue
   │  │  ├─ GrowingNumber.vue
   │  │  ├─ HeroBar.vue
   │  │  ├─ Icon.vue
   │  │  ├─ IconRounded.vue
   │  │  ├─ ItemBox.vue
   │  │  ├─ JbButton.vue
   │  │  ├─ JbButtons.vue
   │  │  ├─ JbLogo.vue
   │  │  ├─ Level.vue
   │  │  ├─ ListBoxUi.vue
   │  │  ├─ MainSection.vue
   │  │  ├─ ModalBox.vue
   │  │  ├─ NavBar.vue
   │  │  ├─ NavBarItem.vue
   │  │  ├─ NavBarItemLabel.vue
   │  │  ├─ NavBarMenu.vue
   │  │  ├─ NavBarMenuDivider.vue
   │  │  ├─ NavBarSearch.vue
   │  │  ├─ Notification.vue
   │  │  ├─ Overlay.vue
   │  │  ├─ Pill.vue
   │  │  ├─ PricingCard.vue
   │  │  ├─ Snackbar.vue
   │  │  ├─ SnackbarBar.vue
   │  │  ├─ TextLink.vue
   │  │  ├─ Tip.vue
   │  │  ├─ TitleBar.vue
   │  │  ├─ TitleSubBar.vue
   │  │  ├─ TitledSection.vue
   │  │  ├─ TrendBox.vue
   │  │  ├─ TrendPill.vue
   │  │  ├─ UpdateMark.vue
   │  │  ├─ UserAvatar.vue
   │  │  └─ UserCard.vue
   │  ├─ config.js
   │  ├─ css
   │  │  ├─ _app.css
   │  │  ├─ _checkbox-radio-switch.css
   │  │  ├─ _progress.css
   │  │  ├─ _scrollbars.css
   │  │  ├─ _table.css
   │  │  ├─ main.css
   │  │  └─ tailwind
   │  │     ├─ _base.css
   │  │     ├─ _components.css
   │  │     └─ _utilities.css
   │  ├─ main.js
   │  ├─ menu.js
   │  ├─ menuBottom.js
   │  ├─ router
   │  │  └─ index.js
   │  ├─ store
   │  │  └─ index.js
   │  └─ views
   │     ├─ Error.vue
   │     ├─ Forms.vue
   │     ├─ Home.vue
   │     ├─ Login.vue
   │     ├─ Pricing.vue
   │     ├─ Profile.vue
   │     ├─ Remind.vue
   │     ├─ Signup.vue
   │     ├─ TablesLists.vue
   │     └─ Ui.vue
   ├─ tailwind.config.js
   ├─ vite.config.js
   └─ vue.config.js