AngularAdmin dashboard

flat-able-free-angular-admin-template — Angular Admin dashboard Template

By phoenixcoded

Free version of an admin template built with Angular and Bootstrap, including dashboards, component examples, and authentication pages.

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

flat-able-free-angular-admin-template · Desktop homepage

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-09-30View source

What stands out

A quick read of the recorded project description.

Admin template built with Angular and Bootstrap

Includes dashboard and component examples such as Alert, Button, Card, Modal, Tabs, Toasts

Provides form elements, tables, charts, maps, and authentication pages

Styles written in SASS, with lazy-loaded routing structure

MIT licensed; this version's code can be used, modified, commercialized, and distributed for free

Template Details

Flat Able Free Angular Admin Template is the free version of the Flat Able admin template series, with code hosted on GitHub under the MIT license. The template is built with Angular, paired with Bootstrap and the NgBootstrap component library, styles written in SASS, and a lazy-loaded routing structure.

The template provides a dashboard layout and a set of common UI component examples, including Alert, Button, Badges, Breadcrumb, Pagination, Card, Collapse, Carousel, Progress, Modal, Spinner, Tabs & Pills, Toasts, Icons, form elements, tables, charts, maps, and authentication pages. The project includes a fake-data directory for demo data, and the directory structure distinguishes demo, theme (admin and auth under layout), shared components, and other parts.

Note that this is a free lite version; the README explicitly states that full documentation is included in the paid version. Repository materials also mention the existence of a paid version, and this listing covers only the publicly available free code. Licenses for third-party assets such as demo images, fonts, and icons must be verified separately; the MIT license for the code does not cover these assets.

AngularAdmin

Is it right for your project?

Use Cases

Starter project for building an Angular admin interface
Viewing usage examples of Bootstrap and NgBootstrap components in Angular
As an interface foundation for internal management systems or data dashboards
Learning lazy-loaded routing and admin layout directory organization

Suitable For

Front-end developers using Angular to build admin systems
Teams needing ready-made dashboard layouts and component examples
Individuals or organizations wanting to build upon MIT-licensed code

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
Run ng serve to start the development server, accessible by default at http://localhost:4200/
3
Node.js and Angular CLI must be installed beforehand
4
Full documentation is included in the paid version's documentation; the free version repository does not provide it separately
5
Third-party assets such as demo images, fonts, and icons must be verified under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version under the MIT license in the public repository; the free scope is the code of this version 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, commercialized, 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 the free lite version of Flat Able, with fewer features and components than the paid full version; purchasing the paid version is required for full functionality.
The free version has no standalone documentation; documentation is included in the paid Pro version's documentation, and access requires visiting its official website documentation.
A paid Premium version exists; the free version covers only the public lite code, and paid version features are not within the free scope.
Project materials mention optional paid versions or features; this listing includes only publicly available free code and does not include paid upgrades.
Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and 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

It is a free lite version of [Flat Able Angular](https://codedthemes.com/item/flat-able-free-angular-4-admin-template/) Dashboard Template
Original README

Flat Able Lite version documentation cover in its Pro version documentation - check our [website.](https://phoenixcoded.gitbook.io/flat-able-angular/)
Original README

Flat Able Admin Template is available to purchase. Visit its numerous demos and make your purchase decision.
Original README

https://github.com/phoenixcoded/flat-able-free-angular-admin-template/blob/master/LICENSE https://github.com/phoenixcoded/flat-able-free-angular-admin-template/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: Partly documented · 72 / 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: 2023-05-08
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: ee8d2b0210dece569f25049190f70011d8a45d8ad87558b1d0a5e106b706eec4

2026-10-01T14:53:09.382Z

Source file / repository

# Flat Able Angular 9 Free Admin Template

Flat Able dashboard template built using Angular 9 with Bootstrap 4 framework, It is a free lite version of [Flat Able Angular](https://codedthemes.com/item/flat-able-free-angular-4-admin-template/) Dashboard Template will complete your admin dashboard needs.

Flat Able 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 Flat Able angular lite version & download it.

#### Preview

 - [Demo](http://html.phoenixcoded.net/flat-able/angular/free/dashboard/default)

#### Download

 - [Download from Github](https://github.com/phoenixcoded/flat-able-free-angular-admin-template)
 - [Download from Codedthemes](https://codedthemes.com/item/flat-able-free-angular-4-admin-template/) & receive important notification instantly in your maiL.
 
 ## Premium Version Preview & Download

Flat Able Admin Template is available to purchase. Visit its numerous demos and make your purchase decision.

#### Preview

 - [Demo](http://html.phoenixcoded.net/flat-able/angular/free/dashboard/default)

#### Download

 - [Purchase from Themeforest](https://themeforest.net/item/flat-able-angular-4-admin-template/20664478)

## 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/flat-able-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](https://nodejs.org/en)
 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 Flat Able Admin Dashboard*

## Online Documentation

Flat Able Lite version documentation cover in its Pro version documentation - check our [website.](https://phoenixcoded.gitbook.io/flat-able-angular/)

## Build With

 - [Angular CLI](https://github.com/angular/angular-cli) 9.0.3
 - [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
```
flat-able/
├── 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/flat-pro-free-angular-admin-template/blob/master/LICENSE)

## Other Dashboard Products

 - [Free Bootstrap 4 Admin Template](https://codedthemes.com/item/category/freebies/)
 - [Free Angular Dashboard Template](https://codedthemes.com/item/category/freebies/)
 - [Premium Bootstrap & Angular & React Admin Template](https://themeforest.net/user/phoenixcoded/portfolio)
 
## 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/)

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