Admin One

Premium Bulma Admin Template

Mobile ready Bulma 0.7.4 SASS Webpack VueJS 2.6 (Optional) Buefy 0.7.2 (Optional)

VueJS & SASS

  • Unlimited colors (thanks to SASS variables)
  • Precompiled CSS
  • VueJS (optional)
  • Mobile & Tablet ready (responsive)
  • Toggleable aside menu
  • Toggleable notifications area
  • …and more

HTML & SASS

  • to be used with any other js-framework
  • …or VanillaJS
  • BTW, There's a sample vanillaJS to toggle aside areas
  • You may use SASS
  • For unlimited color variations
  • …or precompiled CSS files

Package.json

{
    "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.4.93",
        "axios": "^0.18",
        "buefy": "^0.7.2",
        "bulma": "^0.7.4",
        "bulma-checkradio": "^2.1.0",
        "cross-env": "^5.1",
        "flatpickr": "^4.5.2",
        "laravel-mix": "^2.0",
        "lodash": "^4.17.5",
        "pace-progress": "^1.0.2",
        "perfect-scrollbar": "^1.4.0",
        "scroll-to-element": "^2.0.2",
        "v-tooltip": "^2.0.0-rc.33",
        "vue": "^2.6.6",
        "vue-template-compiler": "^2.6.6",
        "vuex": "^3.1.0"
    },
    "dependencies": {}
}

Project files list

webpack.mix.js
package.json
public/_assets/css/app.css
public/_assets/css/vendor.css
public/_assets/fonts/materialdesignicons-webfont.eot
public/_assets/fonts/materialdesignicons-webfont.svg
public/_assets/fonts/materialdesignicons-webfont.ttf
public/_assets/fonts/materialdesignicons-webfont.woff
public/_assets/fonts/materialdesignicons-webfont.woff2
public/_assets/images/avatars/andy-lee-642320-unsplash.jpg
public/_assets/images/avatars/annie-spratt-121576-unsplash.jpg
public/_assets/images/avatars/benjamin-parker-699522-unsplash.jpg
public/_assets/images/avatars/freestocks-org-190062-unsplash.jpg
public/_assets/images/avatars/joshua-rawson-harris-432289-unsplash.jpg
public/_assets/images/avatars/nicolas-horn-689011-unsplash.jpg
public/_assets/images/justboil-logo-black.png
public/_assets/images/trianglify-bw-50@2x.png
public/_assets/js/app.js
public/_assets/js/html-variation/app.js
public/_assets/js/vendor.js
public/error-card/index.html
public/error/index.html
public/forms/index.html
public/html-variation/error-card/index.html
public/html-variation/error/index.html
public/html-variation/index.html
public/html-variation/login/index.html
public/index.html
public/login/index.html
public/tables/index.html
resources/js/app.js
resources/js/components/AsideItemIcon.vue
resources/js/components/AsideMenu.vue
resources/js/components/AsideMenuContainer.vue
resources/js/components/AsideMenuItem.vue
resources/js/components/AsideMenuListPlain.vue
resources/js/components/AsideTools.vue
resources/js/components/Card.vue
resources/js/components/CardToolbar.vue
resources/js/components/CardWidget.vue
resources/js/components/CheckboxSample.vue
resources/js/components/DatePickerSample.vue
resources/js/components/FormSample.vue
resources/js/components/Notification.vue
resources/js/components/RadioSample.vue
resources/js/components/SwitchSample.vue
resources/js/components/TableToolbarSample.vue
resources/js/components/UpdateItem.vue
resources/js/components/UpdatesContainer.vue
resources/js/html-variation/app.js
resources/js/pace-1.0.0.min.js
resources/sass/_aside.scss
resources/sass/_card-table.scss
resources/sass/_card.scss
resources/sass/_error-page.scss
resources/sass/_flatpickr.scss
resources/sass/_footer.scss
resources/sass/_form.scss
resources/sass/_libs.scss
resources/sass/_misc.scss
resources/sass/_mixins.scss
resources/sass/_navbar.scss
resources/sass/_section.scss
resources/sass/_stuffed-list.scss
resources/sass/_table.scss
resources/sass/_theme-dark.scss
resources/sass/_theme-light.scss
resources/sass/_tooltip.scss
resources/sass/_variables-basic.scss
resources/sass/app.scss

Get updates

When new Bulma templates are added
(or current ones are updated)