Admin One

Bulma Admin Template

— Vue.js Admin Dashboard SPA
— Laravel 6.x Admin Dashboard
— Bulma Admin Dashboard (HTML5, no js)

Mobile ready Bulma 0.7.5 VueJS 2.6 + Vue CLI Buefy SCSS Webpack Laravel 6.x version included HTML5 version included
Free returns within 24 hours of purchase
Secure payment by Gumroad, Inc.

Versions

New: VueJS Bulma Dashboard & Laravel Bulma VueJS Dashboard (+Free versions available)


Plain HTML5 version is included
VueJS Admin Dashboard SPA

VueJS Admin Dashboard

VueJS SPA + Vue CLI 3.6

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

Laravel Admin Dashboard

Laravel 6.x VueJS Dashboard SPA

Mobile ready Bulma 0.7.5 VueJS 2.6 Buefy SCSS Webpack Laravel 6.x

FAQ

Can I use this dashboard without Laravel?
Yes. There are 2 backend-less versions: Vue.js SPA Dashboard version and Pure Vanilla HTML version.

Can I integrate this dashboard with backend of my choice?
Yes. You are free to use any backend with this dashboard. And if you prefer Laravel there is a front+back version for you.

How can I know, if this dashboard is well-coded?
Feel free to check GitHub sources with free admin dashboard templates.

What is the difference between free and premium dashboard versions?
Free items are simple dashboards with basic stuff. Premium versions are more advanced. Feel free to check the demos!

Do I have to keep your copyrights?
Free items are licensed under MIT, so you have to keep our copyrights and logos. Premium items allow you to remove copyrights.

Can I use premium dashboard in open-source project?
Yes, since you add our link to your Readme.md (Built with JustBoil Admin One - https://justboil.me/bulma-admin-template/one)

May I return a dashboard if I don't think I'm satisfied?
You have 24 hours to inspect an item and request a refund.

Package.json

package.json for Vue.js Admin Dashboard (VueCLI).
{
  "name": "admin-one-vue-bulma-dashboard-premium",
  "version": "1.4.5",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@mdi/font": "^4.5.95",
    "axios": "^0.19.0",
    "buefy": "^0.8.6",
    "bulma": "^0.7.5",
    "chart.js": "^2.9.2",
    "core-js": "^2.6.10",
    "lodash": "^4.17.15",
    "moment": "^2.24.0",
    "numeral": "^2.0.6",
    "perfect-scrollbar": "^1.4.0",
    "register-service-worker": "^1.6.2",
    "spinkit": "^1.2.5",
    "vue": "^2.6.10",
    "vue-chartjs": "^3.5.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.12.1",
    "@vue/cli-plugin-eslint": "^3.12.1",
    "@vue/cli-plugin-pwa": "^3.12.1",
    "@vue/cli-service": "^3.12.1",
    "@vue/eslint-config-standard": "^4.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "sass": "^1.23.3",
    "sass-loader": "^7.3.1",
    "vue-template-compiler": "^2.6.10"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/standard"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}
package.json for Laravel Admin Dashboard SPA (with Vue.js, Laravel Mix & back-end integration & auth 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": "^4.4.95",
        "axios": "^0.19",
        "buefy": "^0.8.4",
        "bulma": "^0.7.5",
        "chart.js": "^2.8.0",
        "cross-env": "^5.2.1",
        "laravel-mix": "^4.1.4",
        "laravel-mix-alias": "^1.0.2",
        "lodash": "^4.17.13",
        "moment": "^2.24.0",
        "numeral": "^2.0.6",
        "perfect-scrollbar": "^1.4.0",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.22.12",
        "sass-loader": "^7.1.0",
        "spinkit": "^1.2.5",
        "vue": "^2.5.17",
        "vue-chartjs": "^3.4.2",
        "vue-router": "3.1.2",
        "vue-template-compiler": "^2.6.10",
        "vuex": "^3.0.1"
    }
}
package.json for Free Bulma Vue.js Dashboard SPA (VueCLI).
{
  "name": "admin-one-vue-bulma-dashboard",
  "version": "1.2.3",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@mdi/font": "^4.5.95",
    "axios": "^0.19.0",
    "buefy": "^0.8.6",
    "bulma": "^0.7.5",
    "chart.js": "^2.9.2",
    "core-js": "^2.6.10",
    "lodash": "^4.17.14",
    "moment": "^2.24.0",
    "numeral": "^2.0.6",
    "register-service-worker": "^1.6.2",
    "vue": "^2.6.10",
    "vue-chartjs": "^3.5.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.12.1",
    "@vue/cli-plugin-eslint": "^3.12.1",
    "@vue/cli-plugin-pwa": "^3.12.1",
    "@vue/cli-service": "^3.12.1",
    "@vue/eslint-config-standard": "^4.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "sass": "^1.23.3",
    "sass-loader": "^7.3.1",
    "vue-template-compiler": "^2.6.10"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/standard"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}
package.json for Free Laravel Admin Dashboard SPA (with Vue.js, Laravel Mix, back-end integration & auth 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": "^4.5.95",
        "axios": "^0.19",
        "buefy": "^0.8.6",
        "bulma": "^0.7.5",
        "chart.js": "^2.9.2",
        "cross-env": "^5.2.1",
        "laravel-mix": "^4.1.4",
        "laravel-mix-alias": "^1.0.2",
        "lodash": "^4.17.13",
        "moment": "^2.24.0",
        "numeral": "^2.0.6",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.22.12",
        "sass-loader": "^7.1.0",
        "vue": "^2.6.10",
        "vue-chartjs": "^3.5.0",
        "vue-router": "3.1.3",
        "vue-template-compiler": "^2.6.10",
        "vuex": "^3.1.2"
    }
}
Free returns within 24 hours of purchase
Secure payment by Gumroad, Inc.

Get updates

When new Bulma/Vue.js/Laravel templates are added
(or current ones are updated)