Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vikdiesel/admin-one-vue-bulma-dashboard

Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported
https://github.com/vikdiesel/admin-one-vue-bulma-dashboard

admin-dashboard admin-template buefy bulma bulma-admin bulma-css bulma-css-framework bulma-framework bulma-template bulma-ui vite vitejs vitejs-template vue vue-cli vue-router vue-spa vuejs vuex

Last synced: about 2 hours ago
JSON representation

Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported

Awesome Lists containing this project

README

        

# [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:

Chrome Firefox Edge Safari 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 © 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)