AngularAdmin dashboard

AngularAdminTemplate — Angular Admin dashboard Template

By AhmedSamirScience

A free Angular and Bootstrap 5 admin template with 9 demo pages, released under the MIT license.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

Admin interface built with Angular and Bootstrap 5

Free edition includes 9 demo pages

Responsive design for desktop and mobile viewing

Code released under the MIT license, free to use, modify, and distribute

Online documentation covering installation, deployment, and troubleshooting

Template Details

Datta Able Angular Free Edition is an Angular admin template published by CodedThemes, with the repository made public under the MIT license. The template is built with Angular and Bootstrap 5, offers 9 demo pages covering common admin interfaces such as dashboards, and supports responsive layouts for viewing on desktop and mobile.

There are clear differences between the free edition and the paid Pro edition: the free edition has 9 demo pages, while the Pro edition provides 45+ demo pages and additionally includes multilingual support, dark/light mode, a TypeScript version, 6+ color scheme options, and RTL. This repository only contains the free edition code and does not include Pro edition features.

Before use, note that the code itself is under the MIT license, but third-party assets such as demo images, fonts, and icons require separate license verification; external services such as domains, hosting, and databases may incur additional costs.

AngularAdmin panel

Is it right for your project?

Use Cases

Building dashboard interfaces for admin systems
Using as a starter template for Angular admin projects
Learning how Angular and Bootstrap 5 are combined for interface organization
Quickly previewing the layout and page structure of an admin template

Suitable For

Developers who need a foundation for Angular admin interfaces
Teams that want to use template code under the MIT license
Evaluators assessing whether an admin template meets project requirements

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Clone the repository from GitHub: git clone https://github.com/codedthemes/datta-able-free-angular-admin-template.git
2
Install dependencies: yarn
3
Start the project: yarn start
4
The free edition contains only 9 demo pages; multilingual support, dark mode, RTL, and similar features belong to the Pro edition
5
Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free edition under the MIT license from the public repository; the free scope applies to that edition's code and does not mean external services or third-party assets are free.

Must comply with when using

You may use, modify, commercially use, and distribute this edition's code for free.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

The free edition provides only 9 demo pages, fewer than the Pro edition (45+ demo pages).
Multilingual support, dark/light mode, TypeScript version, 6+ color scheme options, RTL, and similar features belong to the paid Pro edition and are not included in the free edition.
The Pro edition must be purchased through CodedThemes; the free repository does not include Pro edition code.
Project materials mention optional paid editions or features; this entry only covers the public free code and does not include paid upgrades.
Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; the code's MIT license alone is not sufficient to determine this.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

**9** Demo pages
Original README

What's included in Premium Version?
Original README

Datta Able Pro - [Live Preview](https://codedthemes.com/demos/admin-templates/datta-able/angular/default/) - [Download](https://codedthemes.com/item/datta-able-angular)
Original README

https://github.com/AhmedSamirScience/AngularAdminTemplate/blob/main/LICENSE https://github.com/AhmedSamirScience/AngularAdminTemplate/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: Partly documented · 66 / 100
Technologies: Angular
Website type: Admin dashboard

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2025-09-04
Screenshot last checked: 2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Angular as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 25be80af45f3831b85ae38b72ef0e0a9562143a08b3e8ab11c1184b1bfbaff20

2026-10-02T17:51:45.007Z

Source file / repository

# Datta Able Angular 18 Free Admin Dashboard [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Get%20Datta%20%20Able%20Angular%20-%20The%20Most%20Beautiful%20Bootstrap%20Designed%20Admin%20Dashboard%20Template%20&url=https://codedthemes.com/demos/admin-templates/datta-able/angular/default&via=codedthemes&hashtags=angular,webdev,developers,typescript)


[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Price](https://img.shields.io/badge/price-FREE-0098f7.svg)](https://codedthemes.com/item/datta-able-angular-lite/)
[![GitHub package version](https://img.shields.io/github/package-json/v/codedthemes/datta-able-free-angular-admin-template)](https://github.com/codedthemes/datta-able-free-angular-admin-template/)
[![Download ZIP](https://img.shields.io/badge/Download-ZIP-blue?style=flat-square&logo=github)](https://codedthemes.com/item/datta-able-angular-lite/)
[![Join Discord](https://img.shields.io/badge/Join-Discord-5865F2?style=flat-square&logo=discord&logoColor=white)](https://discord.com/invite/p2E2WhCb6s)

Datta Able is a free angular admin dashboard template built with Angular and latest Bootstrap 5. It is meant to provide the best possible User Experience with highly customizable feature-rich pages. It is a complete Dashboard Template that has easy and intuitive responsive design whether it is viewed on retina screens or laptops.

✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine

![IMG_8566.jpg](https://org-public-assets.s3.us-west-2.amazonaws.com/Free-Version-Banners/GITHUB-FREE-ANGULAR-REPO%20-%20Datta%20Able.jpg)

## Table of contents

- [Getting Started](#getting-started)
- [Download](#download)
- [Why Datta Able?](#why-datta-able)
- [What's included in Premium Version?](#whats-included-in-premium-version)
- [Documentation](#documentation)
- [Browser support](#browser-support)
- [Technology Stack](#technology-stack)
- [Other Technologies](#other-technologies)
- 💰[Save more with Big Bundle](#save-more-with-big-bundle)💰
- [More Angular Dashboard Templates](#more-angular-dashboard-templates)
- [Issues?](#issues)
- [License](#license)
- [Contributor](#contributor)
- [Useful Resources](#useful-resources)
- [Community](#community)
- [Follow us](#follow-us)

## Getting Started

1. Clone from Github

```
git clone https://github.com/codedthemes/datta-able-free-angular-admin-template.git
```

2. Install packages

```
yarn
```

3. Run project

```
yarn start
```

## Download

- Datta Able Free
  - [Live Preview](https://codedthemes.com/demos/admin-templates/datta-able/angular/free/dashboard)
  - [Download](https://github.com/codedthemes/datta-able-free-angular-admin-template)
- Datta Able Pro
  - [Live Preview](https://codedthemes.com/demos/admin-templates/datta-able/angular/default/)
  - [Download](https://codedthemes.com/item/datta-able-angular)

## Why Datta Able?

Datta Able is offers everything you need to create dashboards. We have included the following high-end features in our initial release:

- Modern aesthetics UI design
- Bootstrap components
- Fully Responsive, all modern browser supported
- Easy to use code structure
- Flexible & High-Performance code
- Easy Documentation Guide

## What's included in Premium Version?

[Pro version](https://codedthemes.com/item/datta-able-angular/) of Datta Able Angular Dashboard template contains features like TypeScript, Apps, Authentication Methods (i.e. JWT), Advance Components, Form Plugins, Layouts, Widgets, and many more.

| [Datta Able Free](https://codedthemes.com/demos/admin-templates/datta-able/angular/free/dashboard) | [Datta able Pro](https://codedthemes.com/item/datta-able-angular)                |
| -------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------ |
| **9** Demo pages                                                                                   | **45+** demo pages                                                |
| -                                                                                                  | ✓ Multi-language                                                  |
| -                                                                                                  | ✓ Dark/Light Mode 🌓                                              |
| -                                                                                                  | ✓ TypeScript version                                              |
| -                                                                                                  | ✓ 6+ color Options                                                |
| -                                                                                                  | ✓ RTL                                                             |
| ✓ [MIT License](https://github.com/codedthemes/datta-able-free-angular-admin-template/blob/master/LICENSE)                                                                                      | ✓ [Pro License](https://codedthemes.com/item/datta-able-angular/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium) |

## Documentation

[Datta Able Angular Documentation](https://codedthemes.gitbook.io/datta-angular/) helps you with installation, deployment, and troubleshooting.

## Browser support

<img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/chrome.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/edge.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/safari.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/firefox.png" width="45" height="45" > <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/opera.png" width="45" height="45" >

## Technology Stack

- Bootstrap 5
- Angular 18
- Typescript

## Other Technologies

| Technology                                                                                                                        | Free                                                                               | Pro                                                                       |
| --------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------- |
| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/React.png" width="25" height="25"></p>   | [**Free**](https://codedthemes.com/item/datta-able-react-free-admin-template/)       | [**Pro**](https://codedthemes.com/item/datta-able-react-admin-template/)    |
| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Bootstrap.png" width="30" height="30"></p> | [**Free**](https://codedthemes.com/item/datta-able-bootstrap-lite/)     | [**Pro**](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) |
| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/tailwind.png" width="25" height="25"></p>       | [**Free**](https://codedthemes.com/item/datta-able-free-tailwind-admin-template/) | [**Pro**](https://codedthemes.com/item/datta-able-tailwind-admin-template/)        |
| <p align="center"><img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/laravel.png" width="25" height="25"></p>       | - | [**Pro**](https://codedthemes.com/item/datta-able-laravel-admin-dashboard/)        |
 
## Save more with Big Bundle

[![bundle-image](https://org-public-assets.s3.us-west-2.amazonaws.com/Banners/Bundle+banner.png)](https://links.codedthemes.com/jhFBJ)

## More Angular Dashboard Templates

| Dashboard                                                                                                                                                          | FREE                                                                                | PRO                                                                                   |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Berry%20with%20name.png"  height="30" style="display:inline-block; vertical-align:middle;">   | [**Free**](https://codedthemes.com/item/berry-angular-free-admin-template/)       | [**Pro**](https://codedthemes.com/item/berry-angular-admin-dashboard-template/)</span>   |
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Mantis%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;">    | [**Free**](https://codedthemes.com/item/mantis-angular-free-admin-template/)      | [**Pro**](https://codedthemes.com/item/mantis-angular-admin-template/)</span>       |
| <img src="https://org-public-assets.s3.us-west-2.amazonaws.com/logos/Gradient%20with%20name.png" height="30" style="display:inline-block; vertical-align:middle;"> | [**Free**](https://codedthemes.com/item/gradient-able-angular-free-admin-template/)       | [**Pro**](https://codedthemes.com/item/gradient-able-angular-admin-template/)</span> |

## Issues

If you found a bug in any version, please generate a [GitHub issue](https://github.com/codedthemes/datta-able-free-angular-admin-template/issues). We are trying our best to resolve the issue.

## License

- Licensed under [MIT](https://github.com/codedthemes/datta-able-free-angular-admin-template/blob/master/LICENSE)
- Copyright © [CodedThemes](https://codedthemes.com/)

## Contributor 

**CodedThemes Team**

- https://x.com/codedthemes
- https://github.com/codedthemes

**Rakesh Nakrani**

- https://x.com/rakesh_nakrani

**Brijesh Dobariya**

- https://x.com/dobaria_brijesh

## Useful Resources

- [More Admin Templates From CodedThemes](https://codedthemes.com/item/category/admin-templates/)
- [Freebies From CodedThemes](https://codedthemes.com/item/category/free-templates/)
- [Big Bundles](https://codedthemes.com/item/big-bundle/)
- [Figma UI Kits](https://codedthemes.com/item/category/templates/figma/)
- [Affiliate Program](https://codedthemes.com/affiliate/)
- [Blogs](https://blog.codedthemes.com/)

## Community

- 👥Follow [@codedthemes](https://x.com/codedthemes)
- 🔗Join [Discord](https://discord.com/invite/p2E2WhCb6s)
- 🔔Subscribe to [Codedtheme Blogs](https://blog.codedthemes.com/)

## Follow Us

- [Twitter](https://twitter.com/codedthemes) 🐦
- [Dribbble](https://dribbble.com/codedthemes) 🏀
- [Github](https://github.com/codedthemes) 🐙
- [LinkedIn](https://www.linkedin.com/company/codedthemes/) 💼
- [Instagram](https://www.instagram.com/codedthemes/) 📷
- [Facebook](https://www.facebook.com/codedthemes) 🟦

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

ngx-admin

ngx-admin is an Angular admin dashboard template maintained by Akveo, built on the Nebular component library and released under the MIT license.

Angular · Admin dashboard

material-angular-dashboard

A dark-themed Angular admin template following Google Material Design, with dashboard pages, D3/NVD3 charts, ag-Grid tables, and a Sass/BEM theme. Released under the MIT license, it offers starter-kit, feature/backend, and feature/serverless branches.

Angular · Admin dashboard

ng-devui-admin

A customizable mid-to-back-office admin template built with Angular and DevUI, featuring configurable layouts, multi-theme switching, internationalization, and local mock data debugging.

Angular · Admin dashboard

angular-material-template

A responsive Angular Material admin template with authentication, sidebar dashboard, account area, role guards, JWT interceptor, and lazy-loaded modules, under the MIT license.

Angular · Admin dashboard

lightning-admin-angular

A mobile-first responsive admin template built with Angular and Bootstrap, offering data interface layouts such as dashboards.

Angular · Admin dashboard

StarAdmin-Free-Angular-Admin-Template

A free admin template based on Angular 7 and Bootstrap 4, maintained by BootstrapDash.

Angular · Admin dashboard