Admin interface template built with Angular and Bootstrap 4
AngularHTMLAdmin dashboard
able-pro-free-angular-admin-template — Angular Admin dashboard Template
By phoenixcoded
A free, streamlined admin dashboard template built with Angular and Bootstrap, featuring common UI components, charts, maps, and authentication pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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-09-30View source
What stands out
A quick read of the recorded project description.
Provides common components and pages such as Alert, Button, Card, Modal, Tabs, Toasts, tables, charts, and maps
Includes authentication pages, with lazy-loaded routing
Styles written in SASS, with NgBootstrap components integrated
Directory organized into layers such as layout, auth, shared, and assets for easy modification
Free streamlined version; a paid Premium version is also available
Template Details
Able Pro Angular Free Admin Dashboard is an admin interface template built with Angular and Bootstrap 4. The repository provides a streamlined free version of the Able Pro series. The template includes a set of common interface elements, such as Alert, Button, Badges, Breadcrumb, Pagination, Card, Collapse, Carousel, Progress, Modal, Spinner, Tabs & Pills, Toasts, Icons, form elements, tables, charts, maps, and authentication pages, making it suitable as a starting point for an admin interface.
The project is generated with Angular CLI, uses lazy-loaded routing, styles are written in SASS, and NgBootstrap is integrated for Bootstrap component support. The directory is organized into layers such as demo, theme (layout/admin, auth, shared), and assets, making the code structure easy to modify. The README states that the design adapts to different screen sizes and claims it has been tested on retina screens.
Note that the free version is a streamlined version of the paid Able Pro template; the README explicitly lists the purchasable Premium version. Documentation for the free version is merged into the Pro version documentation. The repository uses the MIT license, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services like domain, hosting, and database may incur additional costs.
AngularHTMLAdmin
Is it right for your project?
Use Cases
- Building the interface framework for an internal enterprise admin dashboard
- Quickly introducing Bootstrap-style admin components into an Angular project
- As a reference project for learning Angular lazy-loaded routing and SASS style organization
- Providing a starting point for admin systems that require charts, maps, and authentication pages
Suitable For
- Front-end teams developing admin systems with Angular
- Developers who need Bootstrap-style admin interface components
- Projects that prefer modifying an existing template rather than building from scratch
- Teams evaluating the Able Pro series before deciding whether to use the paid version
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository from GitHub, run npm install in the project directory to install dependencies
- 2
Use ng serve to start the development server, accessible by default at http://localhost:4200/
- 3
Node.js and Angular CLI need to be installed beforehand
- 4
The README states that no additional dependencies are required to run the admin dashboard
- 5
Documentation for the free version is merged into the Pro version documentation site; third-party assets such as demo images, fonts, and icons require separate license verification
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to this version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, commercially used, and distributed 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
- This repository is only a streamlined free version of the Able Pro series, with fewer features and components than the paid Premium version; full functionality requires purchasing the paid version.
- A paid Premium version exists; the free version does not include all of its features and resources.
- The free version has no separate documentation; refer to the Pro version documentation site, and some descriptions may target the paid version.
- Project materials mention optional paid versions 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 require verification under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional costs.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
It is a free lite version of [Able Pro Angular Dashboard Template]
Original README
Able Pro Admin Template is available to purchase.
Original README
https://github.com/phoenixcoded/able-pro-free-angular-admin-template/blob/master/LICENSEhttps://github.com/phoenixcoded/able-pro-free-angular-admin-template/blob/master/README.mdAble Pro Lite version documentation cover in its Pro version documentation
Original README
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 · 77 / 100
- Technologies
- Angular · 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
- 2020-12-10
- 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 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: 1358f948cec077c95b1a0c9457e48f06abf39c5ece15373ed76b39e1fb3ace8f
2026-10-01T14:38:58.612Z
Source file / repository# Able Pro Angular 9 Free Admin Dashboard Able Pro dashboard template built using Angular 9 with Bootstrap 4 framework, It is a free lite version of [Able Pro Angular Dashboard Template](https://codedthemes.com/item/able-pro-angular-free-admin-dashboard/) will complete your admin dashboard needs. Able Pro angular free admin template comes with variety of components like Alert, Button, Badges, Breadcrumb, Pagination, Card, Collapse, Carousel, Progress, Modal, Spinner, Tabs & Pills, Toasts, Icons, Form Elements, Table, Charts, Maps & Authentication Pages. The code structure is highly flexible to use and modify. Its design adapt any screen size easily even if retina screens (retina tested). The routing structure is lazy loading. It is modern concept dashboard design with eye catchy colors. Wish you happy to use our product in your project. ## Free Version Preview & Download Check out live preview of Able Pro angular lite version & download it. #### Preview * [Demo](https://codedthemes.com/item/able-pro-angular-free-admin-dashboard/) #### Download * [Download from Github](https://github.com/phoenixcoded/able-pro-free-angular-admin-template) * [Download from CodedThemes](https://codedthemes.com/item/able-pro-angular-free-admin-dashboard/) & receive important notification instantly in your maiL. ## Premium Version Preview & Download Able Pro Admin Template is available to purchase. Visit its numerous demos and make your purchase decision. #### Preview * [Demo](http://ableproadmin.com/) #### Download * [Purchase from Themeforest](https://themeforest.net/item/able-pro-responsive-bootstrap-4-admin-template/19300403) ## Table of contents * [Getting Started](#getting-started) * [Online Documentation](#online-documentation) * [Build With](#build-with) * [Directory-structure](#directory-structure) * [RoadMap](#roadmap) * [Author](#author) * [Contributing](#contributing) * [Issues?](#issues) * [License](#license) * [Other Dashboard Products](#other-dashboard-products) * [Social Profiles](#social-profiles) ## Getting Started Clone from Github ``` git clone https://github.com/phoenixcoded/able-pro-free-angular-admin-template.git ``` ## Terminal Commands This project was generated with Angular CLI version 9.0.2 and angular 9.x. 1. Install NodeJs from NodeJs Official Page 2. Open Terminal. 3. Go to your file project. 4. Make sure you have installed [Angular CLI](https://github.com/angular/angular-cli) already. If not, please install. 5. Install node modules, Run in terminal: npm install 6. Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. To get more help on the Angular CLI use ng help or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). *no other dependencies required to run the Able Pro Admin Dashboard* ## Online Documentation Able Pro Lite version documentation cover in its Pro version documentation - [check our website](https://able-pro-angular.gitbook.io/able-pro-8-0-angular-documentation/). ## Build With - [Angular CLI](https://github.com/angular/angular-cli) 9.0.2 - [Latest Bootstrap 4 Stable](https://getbootstrap.com/) - [SASS Powered](https://sass-lang.com/) - [NodeJs](https://nodejs.org/en/) v12.0.0 - [NgBootstrap](https://ng-bootstrap.github.io/#/home) 5.0.0 ## Directory Structure ``` able-pro/ ├── e2e | ├── src/ | | ├── app/ | | | ├── demo/ | | | ├── theme/ | | | | ├── layout/ | | | | | ├── admin/ | | | | | | ├── configuration/ | | | | | | ├── nav-bar/ | | | | | | ├── navigation/ | | | | | | | ├── nav-content/ | | | | | | | ├── ... | | | | | | | ├── navigation.ts | | | | | | ├── admin.component.html | | | | | | ├── admin.component.ts | | | | | | ├── admin.component.scss | | | | | ├── auth/ | | | | ├── shared/ | | | | | ├── components/ | | | | | | ├── alert/ | | | | | | ├── ... | | | | | | ├── index.ts | | | | | ├── full-screen/ | | | | | ├── shared.module.ts | | | ├── app.component.html | | | ├── app.component.scss | | | ├── app.component.ts | | | ├── app.module.ts | | | ├── app-config.ts | | | ├── app-routing.module.ts | | ├── assets/ | | | ├── fonts/ | | | ├── images/ | | | ├── tinymce/ | | ├── environments/ | | ├── fake-data/ | | ├── scss | | ├── favicon.ico | | ├── index.html | | ├── main.ts | | ├── polyfills.ts | | ├── style.scss | | ├── test.ts | ├── .editorconfig | ├── .gitignore | ├── angular.json | ├── browserslist | ├── karma.conf.js | ├── package.json | ├── README.md | ├── tsconfig.app.json | ├── tsconfig.json | ├── tsconfig.spec.json | ├── tslint.json ├── ... More ``` ## Author Design and code is completely written by Themeforest's design and development team. We are happy to welcome the contributors work for our all repositiories. ## Issues Please generate Github issue if you found bug in any version. We are try to be responsive to resolve the issue. ## License Licensed cover under [MIT](https://github.com/phoenixcoded/able-pro-free-angular-admin-template/blob/master/LICENSE) ## Other Dashboard Products - [Free Bootstrap 4 Admin Template](https://codedthemes.com/item/category/free-templates/free-bootstrap-admin-templates) - [Free React Dashboard Template](https://codedthemes.com/item/category/free-templates/free-react-admin-templates) - [Free Angular Dashboard Template](https://codedthemes.com/item/category/free-templates/free-angular-admin-templates) - [Premium Bootstrap & Angular Admin Template](https://codedthemes.com/item/category/templates/admin-templates/) ## Social Profiles - Dribbble [https://dribbble.com/codedthemes](https://dribbble.com/codedthemes) - Behance [https://www.behance.net/codedthemes](https://www.behance.net/codedthemes) - Facebook [https://www.facebook.com/codedthemes](https://www.facebook.com/codedthemes) - Twitter [https://twitter.com/codedthemes](https://twitter.com/codedthemes) - Instagram [https://www.instagram.com/codedthemes/](https://www.instagram.com/codedthemes/)
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