Posted On: June 2018
Best Vue JS Admin Template
Lets see the best admin dashboard template based on most growing up web technology i.e vue.js
#1 ARBANO VUEJS ADMIN PRO
Arbano, a admin dashboard template based on vue.js, has both free and pro version. In this part, we are talking about Pro Version. Arbano Vue JS Admin Template has 2 different color version, Dark and Light version. Let us have a look on the core features of this VueJS Admin Kit.
- Light and Dark Version
- 50+ Customizable UI Components
- Bootstrap 4 integrated
- 3 Major Chart Script : Chart JS, Flot Chart, Peity Chart with real time chart and 20+ different chart style
- 4 different style Google Maps
- Pages like Login, Register and error pages
- Beautiful Form Wizard and different form styles
- Different Social buttons
- 8+ Awesome Progress Bars
- + more
#2 ARBANO Free VueJS ADMIN Dashboard
If you are planning to get a free Vue.js admin dashboard template, it will be better option to have Arboano Free Version. Arboano Free Dashboard Template also made with VueJS framework. It has only light version some nice feature like Arbano Pro.
- Beautiful UI Component sets
- Basic Forms
- 5 Different type of Wedgets
- 2 Major Chart script with 8+ different chart style
- 4 Nice Google Map Style
- + more
#3 Basix Admin – VueJS Bootstrap 4 UI Kit
One of the beautiful and popular Admin Dashboard is Basix vuejs Admin Template. No jQuery used on this awesome admin template. But you are free to add or integrated with jQuery. lets have a look on the most attractive features of this template.
- Light and Dark version
- 80+ Different customizable UI components
- 3 Different type of form including beautiful form wizard
- 3 Major Chart script integrated
- 20 + Different charts
- Login, Register, 404, 500 page
- + more
#4 Basix Admin – Free Vue JS Admin Template
There is a free as well of Basix Admin Dashboard. You will not get all the features of Pro version here but you would love give a try. Let’s see what included with free Basix admin template.
- 40 + Customizable UI
- Light version
- Beautiful form
- 2 Major Chart Script integrated
- 10 + Different Charts
- Login, Register, 404 page
- + more
Vue Paper Dashboard
Vue Paper Dashboard. is a vue admin template by creative tim. It has some cool staff like Themify icon, Google Map, Table list etc. Vue Paper is very simple but good looking admin kit. Features of Vue Paper Dashboard
- User Profile
- Table List
- Google Map
- Chart in home page
CoreUI Vue JS Admin Template
CoreUI Vue JS Admin Dashboard has a creative design with nice look and orientation of contents. CoreUI for Vue.js is a product of coreui.co and they have some other cool admin template also.
- Cool Design
- 6+ Widgets design
- Icons and Flags
Installing VueJS Admin Dashboard Template
A small tutorial that will let you know how to install Vuejs Admin Dashboard on your system.
All external libraries are loaded with npm. All it takes to get up and running with our template is NodeJS, which is quickly installed and well documented. NodeJS automates the whole process of loading external libraries and allows for an easy headstart.
MAC or Linux Installation
Create a Project directory in your home directory. Copy all files from Basix-Admin folder in your project folder. Go to your directory with “cd” command.
sudo apt-get update sudo apt-get install nodejs
Single Line Installation
#install dependencies yarnpkg install
Serve with hot reload at localhost:8080
yarn run dev
build for production with minification
yarn run build
After finishing install you will see a folder named “node_modules” created.
sudo apt-get install npm
Vue.js and Webpack Install
sudo npm install -g vue-cli vue init webpack-simple vue-cli
After that you need to run “npm install” command. All Dependencies will install from “package.json” file, it will take couple of minutes to finish.
You need to run few more commands for Webpack Dependency
npm install node-sass npm install sass-loader npm install css-loader npm install vue-chartjs