Azia Dashboard - Free Admin Panel available in React, Angular, and Bootstrap
Tags: webdev, react, angular, opensource
Published: 2020-10-01 08:15:37

Hello, 

This article presents a free, open-source admin panel - **[Azia Dashboard](https://appseed.us/admin-dashboards/django-dashboard-azia-pro)**, provided by BootstrapDash in many tech flavors: React, Angular and Bootstrap. **Azia Admin** is a free responsive admin template with all the components neatly and carefully designed and arranged within the template. It is an excellent fit to build admin panels, e-commerce systems, project management systems, CMS, or CRM.

---

> Article initially published on [Admin Dashboards](https://admin-dashboards.com?ref=dev).com (open-source project) - **[Azia Dashboard - Free Resources](https://admin-dashboards.com/azia-dashboard-free-admin-panel/?ref=dev)**

---

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. For support please contact the UI Vendor. 

---

**[Azia Dashboard](https://appseed.us/admin-dashboards/django-dashboard-azia-pro) Links**


- [Azia Dashboard - Bootstrap](https://www.bootstrapdash.com/product/azia-free/?ref=23) (product page) - [LIVE Demo](https://www.bootstrapdash.com/demo/azia-free/template/)
- [Azia Dashboard - React](https://www.bootstrapdash.com/product/azia-admin-react-free/?ref=23) (product page) - [LIVE Demo](https://www.bootstrapdash.com/demo/azia-react-free/template/preview/dashboard)
- [Azia Dashboard - Angular](https://www.bootstrapdash.com/product/azia-admin-angular-free/?ref=23) (product page) - [LIVE Demo](https://www.bootstrapdash.com/demo/azia-angular-free/preview/demo_1/dashboard)

---

![Azia Dashboard - Free responsive admin template crafted by BootstrapDash.](https://raw.githubusercontent.com/admin-dashboards/bootstrap-template-azia-admin/master/media/bootstrap-template-azia-admin-intro.gif)

---

## **[Azia Dashboard](https://appseed.us/admin-dashboards/django-dashboard-azia-pro)** - Bootstrap4

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

**Install Gulp** globally

```bash
$ npm install gulp -g
```

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

```bash
$ # 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](https://github.com/BootstrapDash/Azia-Admin-Bootstrap-Template/blob/master/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

**Main Dashboard Screen**

![Azia Dashboard - Bootstrap version, main dashboard screen.](https://raw.githubusercontent.com/admin-dashboards/bootstrap-template-azia-admin/master/media/bootstrap-template-azia-admin-screen.png)

---

**Icons Page**

![Azia Dashboard - Bootstrap version, icons page.](https://raw.githubusercontent.com/admin-dashboards/bootstrap-template-azia-admin/master/media/bootstrap-template-azia-admin-screen-icons.png)

---

**Charts Page**

![Azia Dashboard - Bootstrap version, charts page.](https://raw.githubusercontent.com/admin-dashboards/bootstrap-template-azia-admin/master/media/bootstrap-template-azia-admin-screen-charts.png)

---

## **[Azia Dashboard](https://appseed.us/admin-dashboards/django-dashboard-azia-pro)** - 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 the code**

```bash
$ # 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 Version, the charts page.](https://raw.githubusercontent.com/admin-dashboards/react-dashboard-azia-admin/master/media/react-dashboard-azia-admin-screen-charts.png)

---

## **[Azia Dashboard](https://appseed.us/admin-dashboards/django-dashboard-azia-pro)** - 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. 

```bash
$ # 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: 

![Azia Dashboard - Angular version, animated presentation.](https://raw.githubusercontent.com/admin-dashboards/angular-dashboard-azia-admin/master/media/angular-dashboard-azia-admin-intro.gif)

---

For more information regarding this modern UI Kit feel free to visit the UI Vendor website: [BootstrapDash.com](https://www.bootstrapdash.com/?ref=23)

**Thank you!**