Basix Admin Pro

Features at a glance

• 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 – Log in, Register, Error 404, Error 500
• Built with Vue-CLI to easily generate components
• Nested Routing with Components Name
• Completely Modular! Every Single Element as its 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 

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.

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 a couple of minutes to finish.

You need to run a few more commands for Webpack Dependency

npm install node-sass npm install sass-loader npm install css-loader npm install vue-chartjs 

Components: We have added tons of random components for different type of Dashboard layouts. Each components has multiple variation. We know that you need multiple style on different page for same component. Here you will get Buttons, Badges, Tabs, Social Buttons, Cards, Alerts, Progress Bars, Modals, Grids, Typography within this section.

Tables: 3 type of Tables are available in the Pro Basix Version. First one is basic Table. Second variation contain Colors, Icons, Labels within the table. And the Third is the best one for different complex project. It has Search & Pagination system. Also you can select how many row you want to visible the page. Check out the following GIF file for better understand.

Forms : We can’t think a Dashboard App without Form. Form help us to grab and arrange Data easily. We have thought and researched a lot on Forms, so that we able to provide everything what a Developer need to design simple or advance project. There are three type of forms. Basic contains all general stuff like Payment, Name, Mail etc. In the advance section you will get Date Input, Phone, Country and some other option. And the third is magic. It’s the wizard Form. Take a direct look of our Wizard Form from Demo.

Widgets: There is nothing to explain about Widget because you know everything about it’s usage. Let me mention some stuff like Sales counter, Social counter, Profile Card etc are available here.