Azia Dashboard - Free Admin Panel provided in React, Angular, and Bootstrap4

Azia Dashboard - Free Admin Panel provided in React, Angular, and Bootstrap4

Hello,

This article presents a free, open-source admin dashboard provided by BootstrapDash in many tech flavors - Azia Dashboard. Azia Admin is a free responsive admin template with all the components neatly and  carefully designed and arranged within the template. Azia Admin is  packed with all the features that fit your needs but not cramped with  components you would not even use. It is an excellent fit to build admin  panels, e-commerce systems, project management systems, CMS or CRM.

All products mentioned in this article can be downloaded directly from Github (no account required) and based on the permissive license, sources can be used for unlimited hobby & commercial projects.

Azia Dashboard - Animated presentation. 

Azia Dashboard - Bootstrap4

The bootstrap version can be downloaded directly from Github and build  locally if your workstation has Nodejs and Gulp installed.

Install Gulp globally

$ npm install gulp -g

Once the gulp is installed, we can clone the sources from the public repository and compile the html files.

$ # Clone sources
$ git clone https://github.com/BootstrapDash/Azia-Admin-Bootstrap-Template.git
$ cd Azia-Admin-Bootstrap-Template
$ 
$ # Install modules
$ yarn
$ 
$ # See the template
$ gulp serve

Gulp tasks available in gulpfile.js:

  • sass-css - translate the SCSS to css
  • minify-css - minify the css
  • npm-lib - copy the dependencies from node_modules directory to lib
  • serve - preview the changes in the browser with auto-reload

Azia Dashboard Bootstrap - Screens
Azia Dashboard - Main Dashboard Screen

Azia Dashboard - UI Icons.

Azia Dashboard - Charts Page.

Azia Dashboard - React

Azia Admin React is yet another incredible admin template from  BootstrapDash that is based on the Bootstrap framework. The template is tastefully designed and coded to perfection. Azia Admin React comes  packed with a lot of bootstrap components, UI elements, and built-in  sample pages to kick-start your project.

The template is highly customizable so that you can alter the design to  suit your needs and give it a unique look and very well-documented to  help you get started without any issues. The template has a colorful,  attractive yet simple and elegant design. Although the template has a design like none other, it is easily  customizable to suit your requirements. Azia Admin comes with a clean  and well-commented code that makes it easy to work with the template.  Thus making it an ideal pick for jump-starting your project.

Build from sources
$ # Clone sources
$ git clone https://github.com/BootstrapDash/Azia-Admin-React
$ cd Azia-Admin-React/template
$ 
$ # Install Modules
$ yarn
$
$ # Install Modules
$ yarn start

The React version of Azia Dashboard will run on port 3000. The design is identical to the Bootstrap version.

Azia Dashboard React - Charts Page.

Azia Dashboard - Angular

The Angular version used Angular CLI version 7.2.1 and can be downloaded  directly from Github or built with a few commands without leaving this  page.

$ # Clone sources
$ git clone https://github.com/BootstrapDash/Azia-Angular.git
$ cd Azia-Angular/template/demo_1
$ 
$ # Install Modules
$ yarn
$
$ # Install Modules
$ yarn start

The design can be visited on port 4200. We should see something similar to this animation.

Azia Dashboard - Angular version.


For more information regarding this modern UI Kit feel free to visit the UI Vendor website: BootstrapDash.com

Thank you!

Show Comments