HTMLAdmin dashboard

datta-able-bootstrap-dashboard — HTML Admin dashboard Template

By codedthemes

Free version of the Datta Able Bootstrap 5 admin template, built with HTML and Bootstrap, offering common admin components such as buttons, badges, tabs, breadcrumbs, icons, forms, tables, charts, and authentication pages.

Explore the design

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

2 previews
Desktop homepage1 / 2
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-01View source

What stands out

A quick read of the recorded project description.

01

Based on Bootstrap 5, without jQuery dependency

02

Provides components including buttons, badges, tabs, breadcrumbs, icons, forms, tables, charts, and authentication pages

03

Uses npm/yarn to install dependencies and Gulp to run the project

04

The free version includes 9 demo pages

05

Under the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

Datta Able is an admin dashboard template published by CodedThemes. This repository contains its free version, built with HTML and Bootstrap 5, without jQuery, using npm/yarn to install dependencies and Gulp to run the project.

The template provides components including buttons, badges, tabs, breadcrumbs, icons, form elements, tables, charts, and authentication pages. The code structure is easy to modify, and pages adapt to different screen sizes. The free version includes 9 demo pages; multilingual support, dark/light mode, 6+ color schemes, RTL, and similar capabilities belong to the paid Pro version and are outside the scope of this repository.

The repository is under the MIT license, allowing free use, modification, commercial use, and distribution of this version's code, provided the copyright notice and the full MIT license notice are retained when distributing. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; external services such as domains, hosting, and databases may incur additional charges.

HTMLAdmin panel

Is it right for your project?

Use Cases

  • Building the basic page structure of an admin interface
  • As a reference implementation for Bootstrap 5 admin components
  • Modifying styles and page layouts based on the free version
  • For admin projects that require authentication pages and data display pages

Suitable For

  • Front-end developers who need a Bootstrap 5 admin template
  • Projects that want to quickly build an admin interface based on ready-made components
  • Teams that accept that the free version includes only 9 demo pages and does not include Pro features such as dark mode and RTL

Getting started & customization

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

  1. 1

    Clone the repository: git clone https://github.com/codedthemes/datta-able-bootstrap-dashboard.git

  2. 2

    Install dependencies: npm i

  3. 3

    Run the project: gulp

  4. 4

    Official documentation: https://codedthemes.gitbook.io/datta/v/datta-able-bootstrap/

  5. 5

    When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • 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 version includes only 9 demo pages, with a limited number of pages.
  • Multilingual support, dark/light mode, 6+ color schemes, RTL, and similar capabilities belong to the paid Pro version and are not included in the free version.
  • The Pro version uses a separate Pro license, different from the free version's MIT license, and requires a separate purchase.
  • Project materials mention optional paid versions or features; this entry covers only the public free code and does not include paid upgrades.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional 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

✓ [Pro License](https://codedthemes.com/item/datta-able-angular/?utm_source=free_demo&utm_medium=codedthemes&utm_campaign=button_download_premium)

Original README
https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSEhttps://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. 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
More documented · 91 / 100
Technologies
HTML
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
2026-09-23
Screenshot last checked
2026-10-01

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 HTML 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: 99118c9ceb1ceac0d3a180169ea3589976ee00864c15a1f8f0c060aec87eb9ae

2026-10-01T00:20:25.594Z

Source file / repository
# Datta Able Free Bootstrap 5 Admin Template

[![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-bootstrap-lite/)
[![GitHub package version](https://img.shields.io/github/package-json/v/codedthemes/datta-able-bootstrap-dashboard)](https://github.com/codedthemes/datta-able-bootstrap-dashboard)
[![Download ZIP](https://img.shields.io/badge/Download-ZIP-blue?style=flat-square&logo=github)](https://codedthemes.com/item/datta-able-bootstrap-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 Admin Template comes with variety of components like Button, Badges, Tabs, Breadcrumb, Icons, Form elements, Table, Charts & Authentication pages.

The code structure is high flexible to use and modify.

Its design adapt any screen size easily even if retina screens.

It is modern concept dashboard design with eye catchy colors. Wish you happy to use our product in your project.
✨ Support us! If you like this theme, click the ⭐ (Top right) and let it shine

![Datta Able Free Admin Template Preview Image](https://org-public-assets.s3.us-west-2.amazonaws.com/Free-Version-Banners/GITHUB-FREE-BOOTSTRAP-REPO-Datta+able.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 Bootstrap Dashboard Templates](#more-bootstrap-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-bootstrap-dashboard.git
```

2. Install packages

```
 npm i
```

3. Run project

```
gulp
```

## Download

- Datta Able Free
  - [Live Preview](http://lite.codedthemes.com/datta-able/bootstrap)
  - [Download](https://codedthemes.com/item/datta-able-bootstrap-lite/)
- Datta Able Pro
  - [Live Preview](https://codedthemes.com/demos/admin-templates/datta-able/bootstrap/default/)
  - [Download](https://codedthemes.com/item/datta-able-premium)

## Why Datta Able?

Get started with a sweet set of features including:

- Sleek and modern UI design
- Built with Bootstrap components
- Fully responsive and compatible with all modern browsers
- Well-structured code
- Simple and comprehensive documentation guide

## What's included in Premium Version?

[Pro version](https://codedthemes.com/item/datta-able-bootstrap-admin-template/) of Datta Able Bootstrap 5 Admin Template contains features like customize with light/dark/system, collapse, LTR / RTL, full/fixed width, color presets and many more.

| [Datta Able Free](https://codedthemes.com/item/datta-able-bootstrap-lite/) | [Datta able Pro](https://codedthemes.com/item/datta-able-bootstrap-admin-template/)                |
| -------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------ |
| **9** Demo pages                                                                                   | **130+** demo pages                                                |
| -                                                                                                  | ✓ Multi-language                                                  |
| -                                                                                                  | ✓ Dark/Light Mode 🌓                                              |
| -                                                                                                  | ✓ 6+ Color Setting Option                                                |
| -                                                                                                  | ✓ RTL                                                             |
| ✓ [MIT License](https://github.com/codedthemes/datta-able-bootstrap-dashboard/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 Bootstrap Documentation](https://codedthemes.gitbook.io/datta/v/datta-able-bootstrap/) 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
- No Jquery
- npm/yarn package installer
- Gulp support 

## 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/Angular.png" width="30" height="30"></p> | [**Free**](https://codedthemes.com/item/datta-able-angular-lite/)     | [**Pro**](https://codedthemes.com/item/datta-able-angular/) |
| <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 Bootstrap 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-bootstrap-free-admin-template/)       | [**Pro**](https://codedthemes.com/item/berry-bootstrap-5-admin-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-bootstrap-free-admin-template/)      | [**Pro**](https://codedthemes.com/item/mantis-bootstrap-admin-dashboard/)</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-bootstrap-lite/) | [**Pro**](https://codedthemes.com/item/gradient-able-admin-template/)</span> |

## Issues

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

## License

- Licensed under [MIT](https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/readme/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.