It extends latest Bootstrap v-4.0 components built by Vuejs, offers everything you need to get started for your CMS, Custom Projects, CRM and Admin Dashboard Projects.

Vuejs 2 is a growing framework and most competitor with Facebook’s Reactjs. Enterprise Applications and Small Applications allows for a modular Component Setup. Components can be added or removed by simply corresponding files/folders, we’ve Developed this Template compnent-specific and modular based.

60+ widgets variations gives you more flexibilty to create any kind of Designs as per your needs. It’s very easy to customize. Menu Items can be added/removed from nav.js file. Just a Single file Creates your Menu, it’s super easy to customize such as Dropdown, Divier, Badges etc. We’ve made the Navigation as component, you don’t need to touch any other files. Everything you need on nav.js file.

Every single Block Element has own components, so it’s 100% component based and modular Template. If you need any new Component/Page then just call the router.js and linked to Navigation, that’s it !!!

Vue-CLI and Webpack will give you more flexibility to ensure the Code Optimizations, error free code, minify files and so on.

Features:

• Latest Bootstrap v-4.0
• Clean and Modern Design
• Built with SCSS – SCSS Files Included
• Blazing fast and light weight !
• Latest Vuejs Version
• Global SCSS and per component specific SCSS (modular!)
• 5000+ Icons – Fontawesome, Brandico, Entypo, Fontelico, Glyphicons, Iconic Stroke, Ionicons, Maki, OpenWeb Icons
• Customizable Charts with Chart.js – Line Chart, Bar Chart, Doughnut Chart, Pie Chart, Polar Area Chart
• Animated Progress Bar and Vue Progress Bars
• Completely customizable 60+ Widgets to use in your dashboard!
• Modals
• Advanced Google Maps Integrations- Google Maps, Bubble Maps, Leaflet Maps, Line Maps
• Pages – Login, Register, Error 404, Error 500
• Built with Vue-CLI to easily generate components
• Nestd Routing with Components Name
• Completely Modular! Every Single Element as it’s own module
• Well Documented
• Developer Friendly Code
• Fully Customizable
• +60 Widgets Ready
• +80 Component Variations
• Fully Responsive

Installation and Configuration

All other assets shown in the demo are included in the download. 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 on your home directory. Copy all files from Basix-Admin folder on your project folder. Go to your directory with “cd” command.

Node.js Install

sudo apt-get update
sudo apt-get install nodejs


After finishing install you will see a folder named “node_modules” created.

NPM Install

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


Documentation and Support

For further instructions and a list of the used libraries and fonts you can always refer to our documentation or contact us .
Support is available through email, ThemeForest comments or chat. If you purchased this item and love it, consider giving it a 5-star rating here on ThemeForest. It really helps pushing out more updates and adding more great features.

If you have any question or problem feel free to send us a message and we’ll be glad to help you!

Included Pages

Here is a list of most important pages that are included in the download packages, but it’s not limited to the following pages.

Menu Structure

Folder Structure

• src
  • assets
    • bootstrap
    • css
    • fonts
    • js
    • sass
  • components
    • basix-modal
    • charts
    • forms
    • icons
    • maps
    • progressbar
    • sidebar
    • tables
    • Users
    • widgets
  • dashboard
  • directives
  • images
    • avatar
    • flags
  • layouts
  • pages
    • login
    • register
  • router
  • store
    • modules
  • views

Browser support

Basix Admin supports all modern browsers (Chrome, Firefox, Safari) including IE11 and Edge.

Suggestions

We are open to any kind of suggestions. If you have any feature ideas that you want to see in the future updates, please let us know. We will do our best to improve the template based on your suggestions.

Credits and Assets

• Webpack – Webpack is a module bundler.
• Bootstrap v4.0 – Awesome Library used for Design our Components
• Vue.js – The Progressive JavaScript Framework
• Font Awesome – Most Popular and best Icon sets
• ChartJS – Awesome charts library simple & advanced configurations
• Normalize.css – Convenient reset of browser-specific styles to industry-standard styling.
• Open Sans Font – Google’s official Typography font.
• amcharts3 – An official repository for amCharts JavaScript Charts V3
• Animate.css – CSS animations
• gauge.js – 100% native and cool looking animated JavaScript/CoffeScript gauge.
• Google Maps
• Vue Progressbar
• Animate Number
• Vue form wizard
• Nav Tabs
• Vue Router
• Vuetable-2 – data table simplify!
• vue-select – A native Vue.js select component that provides similar functionality to Select2 without the overhead of jQuery.

All Avatars used are from uiFaces licensed MIT and can therefore be also used in your application and are included in the download. Backgrounds used are from Unsplash. Marked as “Free to use in commercial projects”.

The post Basix Admin – Vuejs Bootstrap Admin Dashboard Template first appeared on MasterTemplate.