VueAdmin dashboard

vue-admin-dashboard-template — Vue Admin dashboard Template

By qkrrudtjr954

A free admin dashboard template based on Vue 2 and Bulma/Buefy, using the Options API, including Vuex, Router, and SCSS source code, under the MIT license.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Admin dashboard interface built on Vue 2 with Bulma and Buefy

02

Supports both Vue CLI and Vite build methods

03

Uses the classic Options API, with a separate Composition API branch

04

Single-page application structure integrating Vuex and Vue Router

05

Provides SCSS source with variables and reusable components

06

MIT licensed, free to use, modify, and distribute

Template Details

This template is a Vue 2 admin dashboard. The interface layer uses the Bulma and Buefy component libraries, and the build tooling supports both Vue CLI and Vite. The code uses the classic Options API (data, computed, methods, etc.), and a separate Composition API branch is available as an option. The project is a single-page application, integrates Vuex state management and Vue Router, organizes styles as SCSS source with variables, and includes reusable components and custom scrollbar styles.

To use it, clone or download the repository and run npm install. Development and production builds are done via npm run serve / npm run build (Vue CLI) or npm run build / npm run build:vite (Vite), respectively. There are also lint and lint:fix scripts. Browser support targets the latest versions of major browsers.

Limitations: The template is based on Vue 2, not a Vue 3 project. The free version only provides GitHub community support; the issue list accepts only bug reports and feature requests, not usage questions. The repository also offers a paid premium version; this listing covers only the MIT-licensed free code. Third-party assets such as demo images, fonts, and icons require separate license verification.

VueBackend

Is it right for your project?

Use Cases

  • Starter projects for admin management interfaces requiring a Vue 2 tech stack
  • Building data dashboards with Bulma/Buefy as the UI foundation
  • Templates needing compatibility with both Vue CLI and Vite build workflows
  • As an admin example for learning Vuex, Router, and SCSS organization

Suitable For

  • Teams or individuals developing admin systems with Vue 2
  • Front-end developers who prefer the Bulma/Buefy component library
  • Projects needing a free MIT-licensed admin template
  • Developers who accept community support and handle usage issues themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After cloning or downloading the repository, run npm install in the project directory to install dependencies

  2. 2

    For Vue CLI, run npm run serve for development and npm run build for production builds

  3. 3

    For Vite, run npm run build for development and npm run build:vite for production builds

  4. 4

    Use npm run lint to check code and npm run lint:fix to auto-fix

  5. 5

    The free version only provides GitHub community support; issues accept only bug reports and feature requests

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially, and distributed free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Project materials mention an optional paid version or features; this listing covers only the public free code and does not include paid upgrades.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
  • The free version only provides GitHub community support and does not include official or commercial technical support.
  • The issue list accepts only bug reports and feature requests, not usage questions; usage questions may be closed directly.
  • The project also has a paid premium version; the free scope is limited to the MIT-licensed free code, and premium features require separate payment.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

JustBoil's free items are limited to community support on GitHub.

Original README

The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions.

Original README

[Premium version](https://justboil.me/bulma-admin-template/one/) available

Original README
https://github.com/qkrrudtjr954/vue-admin-dashboard-template/blob/master/LICENSEhttps://github.com/qkrrudtjr954/vue-admin-dashboard-template/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Less documented · 53 / 100
Technologies
Vue
Website type
Admin dashboard
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2022-01-24
Screenshot last checked
2026-10-13

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 1fdc8aed823f11aa683521c8a402823a85b27877f306ac649b560e709e71413a

2026-10-13T03:18:41.646Z

Source file / repository
# [Admin One  — Free Vue Bulma Buefy Dashboard](https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/)

[![version](https://img.shields.io/github/v/release/vikdiesel/admin-one-vue-bulma-dashboard)](https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/)  [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/)

[![Free Vue.js 2.6 Bulma Buefy admin dashboard](https://static.justboil.me/templates/one/repo-bulma-vue.png)](https://vikdiesel.github.io/admin-one-vue-bulma-dashboard/?v=2)

**Admin One** is simple, beautiful and free Vue.js 2.x Buefy Bulma admin dashboard

* Built with **Vue.js 2.x** **Bulma** and **Buefy**
* **Vue CLI** & **Vite** build tools support
* Classic **Options API** using `data`, `computed`, `methods`, etc.
* **Composition API** version is available under [vue-2x-composition-api branch](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/tree/vue-2x-composition-api)
* **Styled** scrollbars
* SPA with **Vuex** & **Router**
* **SCSS sources** with variables
* Reusable components
* Responsive
* Free under MIT License
* [Premium version](https://justboil.me/bulma-admin-template/one/) available

## Table of Contents

* [Other versions](#other-versions)
  * [Bulma versions](#bulma-versions)
  * [Vue.js 3 TailwindCSS](#vuejs-3-tailwindcss-dashboard)
* [Description & Demo](#description--demo)
* [Options API](#options-api)
  * [Composition API version](#composition-api-version)
* [Quick Start](#quick-start)
  * [Get code & install](#get-code--install)
  * [Vue CLI builds](#vue-cli-builds)
  * [Vite builds](#vite-builds)
  * [Linting](#linting)
* [Browser Support](#browser-support)
* [Reporting Issues](#reporting-issues)
* [Licensing](#licensing)
* [Useful Links](#useful-links)

## Other versions

### Bulma versions

Other Bulma dashboard versions: https://justboil.me/bulma-admin-template/

### Vue.js 3 TailwindCSS dashboard

* Built with **Vue.js 3**, **TailwindCSS** framework & **Composition API**
* **Vite** and **Vue CLI** build tools
* **Dark mode**
* **Styled** scrollbars
* SPA with **Vuex** & **Router**
* **Production CSS** is only **33kb**

More info: https://github.com/justboil/admin-one-vue-tailwind

[![Free Vue.js 3 Tailwind CSS admin dashboard](https://justboil.me/images/one-v3/repository-tailwind-vue3-vite.png)](https://github.com/justboil/admin-one-vue-tailwind)

## Description & Demo

#### Description

https://justboil.me/bulma-admin-template/free-vue-buefy-dashboard/

#### Free Dashboard Demo

https://vikdiesel.github.io/admin-one-vue-bulma-dashboard/?v=2

#### Premium Dashboard Demo

https://admin-one.justboil.me

## Options API

Built with classic **Options API** for Vue.js 2.x using `data`, `computed`, `methods`, etc.

### Composition API version

**Composition API** for Vue.js 2.x is available under [vue-2x-composition-api branch](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/tree/vue-2x-composition-api)

Classic **Options API** version is available under [1.5.4 release](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/releases/tag/v1.5.4)

## Quick Start

Get code & install. Then use either [Vue CLI](#vue-cli-builds) or [Vite](#vite-builds) builds.

* [Get code & install](#get-code--install)
* [Vue CLI builds](#vue-cli-builds)
* [Vite builds](#vite-builds)

### Get code & install

#### Get the repo

* [Create new repo](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/generate) from this template
* … or clone the repo on GitHub
* … or [download .zip](https://github.com/vikdiesel/admin-one-vue-bulma-dashboard/archive/master.zip) from GitHub

#### Install

`cd` to project's dir and run `npm install`

### Vue CLI builds

#### Compiles and hot-reloads for development
```
npm run serve
```

#### Compiles and minifies for production
```
npm run build
```

### Vite builds

[Vite](https://vitejs.dev) is next Generation Frontend Tooling featuring unbundled web-development

#### Compiles and hot-reloads for development
```
npm run build
```

#### Compiles and minifies for production
```
npm run build:vite
```

### Linting

#### Lint
```
npm run lint
```

#### Lints and fixes files
```
npm run lint:fix
```

## Browser Support

We try to make sure dashboard works well in the latest versions of all major browsers

<img src="https://justboil.me/images/browsers-svg/chrome.svg" width="64" height="64" alt="Chrome"> <img src="https://justboil.me/images/browsers-svg/firefox.svg" width="64" height="64" alt="Firefox"> <img src="https://justboil.me/images/browsers-svg/edge.svg" width="64" height="64" alt="Edge"> <img src="https://justboil.me/images/browsers-svg/safari.svg" width="64" height="64" alt="Safari"> <img src="https://justboil.me/images/browsers-svg/opera.svg" width="64" height="64" alt="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 you are using the latest version of the dashboard
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

- Copyright &copy; 2019-2021 JustBoil.me (https://justboil.me)
- Licensed under MIT

## Useful Links

- [JustBoil.me](https://justboil.me)
- [Vue.js](https://vuejs.org)
- [Vue CLI](https://cli.vuejs.org)
- [Buefy](https://buefy.org)
- [Bulma](https://bulma.io)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.