Admin One

Bulma Admin Template
VueJs SPA Dashboard (+HTML & Laravel)

Mobile ready Bulma 0.7.5 VueJS 2.6 + Vue CLI 3.6 Buefy 0.7.8 SCSS Webpack Pre-built CSS included HTML version included
Summer sale! Only 100 copies for $24
Secure payment by Gumroad, Inc.

Versions

New: VueJS Bulma Dashboard & Laravel Bulma VueJS Dashboard


Bulma Admin Dashboard

HTML

Bulma CSS/SCSS + HTML Pages

Mobile ready Bulma 0.7.5 SCSS (optional) Webpack (optional) Pre-built CSS included HTML version included
VueJS SPA Dashboard

VueJS SPA Dashboard

VueJS SPA + Vue CLI 3.6

Mobile ready Bulma 0.7.5 VueJS 2.6 + Vue CLI 3.6 Buefy 0.7.8 SCSS Webpack
Laravel VueJS SPA Dashboard

Laravel SPA Dashboard

Laravel VueJS SPA Dashboard with Laravel Mix & Authentication scaffolding

Mobile ready Bulma 0.7.5 VueJS 2.6 Buefy 0.7.8 SCSS Webpack Laravel

Package.json

package.json for VueJS SPA Dashboard version (with VueCLI).
{
  "name": "admin-one-vue-cli",
  "version": "1.3.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@mdi/font": "^3.6.95",
    "axios": "^0.18.1",
    "buefy": "^0.7.7",
    "bulma": "^0.7.5",
    "chart.js": "^2.8.0",
    "core-js": "^2.6.9",
    "flatpickr": "^4.6.1",
    "lodash": "^4.17.11",
    "moment": "^2.24.0",
    "numeral": "^2.0.6",
    "perfect-scrollbar": "^1.4.0",
    "scroll-to-element": "^2.0.3",
    "spinkit": "^1.2.5",
    "v-tooltip": "^2.0.2",
    "vue": "^2.6.10",
    "vue-chartjs": "^3.4.2",
    "vue-router": "^3.0.3",
    "vue2-touch-events": "^2.0.0",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.8.0",
    "@vue/cli-plugin-eslint": "^3.8.0",
    "@vue/cli-service": "^3.8.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "node-sass": "^4.12.0",
    "sass": "^1.20.3",
    "sass-loader": "^7.1.0",
    "scss": "^0.2.4",
    "style-resources-loader": "^1.2.1",
    "vue-cli-plugin-style-resources-loader": "^0.1.3",
    "vue-template-compiler": "^2.5.21"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}
package.json for Laravel SPA Dashboard version (with VueJS, Laravel Mix & Authentication scaffolding).
    {
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@mdi/font": "^3.6.95",
        "axios": "^0.18",
        "buefy": "^0.7.7",
        "bulma": "^0.7.5",
        "chart.js": "^2.8.0",
        "core-js": "^2.6.9",
        "cross-env": "^5.1",
        "flatpickr": "^4.6.1",
        "laravel-mix": "^4.0.7",
        "laravel-mix-alias": "^1.0.1",
        "lodash": "^4.17.11",
        "moment": "^2.24.0",
        "numeral": "^2.0.6",
        "perfect-scrollbar": "^1.4.0",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "scroll-to-element": "^2.0.3",
        "spinkit": "^1.2.5",
        "v-tooltip": "^2.0.2",
        "vue": "^2.6.10",
        "vue-chartjs": "^3.4.2",
        "vue-router": "^3.0.3",
        "vue-template-compiler": "^2.6.10",
        "vue2-touch-events": "^2.0.0",
        "vuex": "^3.0.1"
    }
}
HTML + CSS Bulma Dashboard version can optionally be used without webpack
This is fit-them-all package.json. Works for HTML, HTML + VueJS and VueJS SPA Dashboard version.
For dinosaurs from jQuery internet Era (like I am), here's a handy webpack guide
{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@mdi/font": "^3.5.95",
        "axios": "^0.18",
        "buefy": "^0.7.3",
        "bulma": "^0.7.4",
        "bulma-checkradio": "^2.1.0",
        "cross-env": "^5.1",
        "flatpickr": "^4.5.7",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.5",
        "moment": "^2.24.0",
        "numeral": "^2.0.6",
        "pace-progress": "^1.0.2",
        "perfect-scrollbar": "^1.4.0",
        "scroll-to-element": "^2.0.3",
        "spinkit": "^1.2.5",
        "v-tooltip": "^2.0.0-rc.33",
        "vue": "^2.6.10",
        "vue-router": "^3.0.2",
        "vue-template-compiler": "^2.6.10",
        "vuex": "^3.1.0",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0"
    },
    "dependencies": {}
}
Summer sale! Only 100 copies for $24
Secure payment by Gumroad, Inc.