VueViteAdmin dashboard

admin-one-vue-bulma-dashboard — Vue Admin dashboard Template

By vikdiesel

A free admin dashboard template based on Vue 2, Bulma, and Buefy, offering both Vue CLI and Vite build setups under the MIT license.

Explore the design

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

1 previews
Desktop homepage
Desktop captureTop of page

Actual screenshot captured by the server browser.

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

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-08View source

What stands out

A quick read of the recorded project description.

01

Written with Vue 2's classic Options API, using options such as data, computed, and methods

02

UI layer uses the Bulma and Buefy component libraries, with SCSS source including variables

03

Supports both Vue CLI and Vite build workflows

04

SPA structure integrating Vuex state management and Vue Router routing

05

Provides a Composition API branch version for switching writing styles as needed

06

MIT licensed, free to use, modify, commercialize, and distribute

Template Details

Admin One is a free admin dashboard template. The UI layer uses the Bulma and Buefy component libraries, while the application layer is written with Vue 2's classic Options API (data, computed, methods, etc.) and pairs Vuex state management with Vue Router to form a single-page application. The repository also provides a Composition API version on the vue-2x-composition-api branch.

For build tooling, the template supports both Vue CLI and Vite: Vue CLI uses npm run serve for development and npm run build for production; Vite uses npm run build for development and npm run build:vite for production, with npm run lint and npm run lint:fix for code checking. Styles are provided as SCSS source with variables, and include custom scrollbar styles and reusable components. Pages use a responsive layout.

The template can also be integrated with the Laravel 9.x Jetstream Inertia + Vue.js stack, with a separate official integration guide repository. The README states that the free version offers only GitHub community support, and the issue list accepts only bug reports and feature requests, not usage questions. A paid premium version also exists; this entry corresponds only to the public MIT-licensed free code. Third-party assets such as demo images, fonts, and icons require separate license verification.

VueViteAdmin

Is it right for your project?

Use Cases

  • Building an admin interface with a sidebar, navigation, and data display areas
  • Introducing Bulma/Buefy-style dashboard pages into a Vue 2 project
  • Frontend projects that need to support both Vue CLI and Vite build workflows
  • Integrating the dashboard interface into the Laravel 9.x Jetstream Inertia + Vue.js stack
  • Customizing admin theme colors and styles based on SCSS variables

Suitable For

  • Admin projects using Vue 2 that prefer the Bulma/Buefy component system
  • Developers who need a ready-made dashboard layout as a starting point and then fill in business logic themselves
  • Teams that want to use and modify the code for free under the MIT license
  • Projects that need reference implementations for both Options API and Composition API

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, use npm run serve for development and npm run build for production

  3. 3

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

  4. 4

    Use npm run lint for code checking and npm run lint:fix for automatic fixes

  5. 5

    Integration with Laravel 9.x Jetstream Inertia requires referring to the separate official integration guide repository

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • The code of this version may be used, modified, commercialized, 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 entry covers only the public free code and does not include paid upgrades.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and 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 offers only GitHub community support and does not include official one-on-one or priority technical support.
  • The GitHub issue list accepts only bug reports and feature requests, not usage questions; non-compliant issues will be closed.
  • A paid premium version also exists; the free MIT code does not include premium features, and paid content must be purchased separately.
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/vikdiesel/admin-one-vue-bulma-dashboard/blob/master/LICENSEhttps://github.com/vikdiesel/admin-one-vue-bulma-dashboard/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-08. 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
More documented · 81 / 100
Technologies
Vue · Vite
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
2023-06-06
Screenshot last checked
2026-10-08

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

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-08

Inspect the recorded source material

SHA-256: b1321f5d66cf6e3c4e545a04a126c0ff786c480e96dad7cf318c1d5fc6726800

2026-10-08T12:41:36.319Z

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
* **Laravel Jetstream Inertia Vue** integration available — [Info](#laravel-9x-integration)
* 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 dashboard versions](#bulma-dashboard-versions)
  * [TailwindCSS dashboard versions](#tailwindcss-dashboard-versions)
* [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)
  * [Laravel 9.x integration](#laravel-9x-integration)
* [Browser Support](#browser-support)
* [Reporting Issues](#reporting-issues)
* [Licensing](#licensing)
* [Useful Links](#useful-links)

## Other versions

### Bulma dashboard versions

Free and premium [Bulma dashboard templates](https://justboil.me/bulma-admin-template/).

### TailwindCSS dashboard versions

Free and premium [Tailwindcss dashboard templates](https://justboil.me/tailwind-admin-templates/) (Vue 3.x available).

## 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)

## 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
```

### Laravel 9.x integration

This dashboard can be integrated with **Laravel 9.x Jetstream Inertia + Vue.js** stack. [Check guide](https://github.com/vikdiesel/admin-one-laravel-dashboard) for more information.

## 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-2022 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.