Web Themes & Templates

Modern Admin - Angular 12+ Bootstrap 4 Admin Dashboard Template

Modern Admin - Angular 12+ Bootstrap 4 Admin Dashboard Template

5.00 (9 ratings) 5.00 stars
Cart 429 sales
Recently Updated
Well Documented

A powerful AngularJS admin dashboard template built for developers

Modern Admin – Angular 12+ Bootstrap 4 Admin Dashboard Template – is a combination of clean design and modular code structure which makes it most developer friendly & highly customizable Angular 12+ Admin Dashboard Template.

If you’re a developer looking for an Angular Admin Dashboard that was made with you in mind, look no further than Modern Admin. A powerful admin dashboard template built on Angular CLI. Modern Admin is developer-friendly, rich with features. We’ve followed the leading industry standards to bring you the very best admin template that is not only fast and easy to use but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build modern application with very little hassle.

Build premium quality web applications with ease

When it comes to creating web applications, it doesn’t get better than Modern Admin. Our Modern Admin angular admin dashboard template is based on Angular 12+, Angular CLI + Ng Bootstrap, Workable Apps and AOT Compatible. We’ve made sure it’s easy to use so that bringing your vision to life is a piece of cake.

Use our innovative admin template to create eye-catching, high quality and high performing single-page applications. Your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.

Main Features:

  • Angular CLI + Ng Bootstrap
  • AOT Compatible + Lazy Loading
  • Firebase Integration
  • Social Authentication
  • Workable Apps
  • Starter Kit
  • Full SASS Support
  • Prebuilt Apps
  • Auth Guard
  • & Many more….

Get started quickly

Modern admin provides built-in starter-kit, making it fast and simple to get started.

Plus, it’s well documented, making it even simpler for you to get started and continue using.

Make it your own

Modern admin offers easy and endless customization using config file – including unlimited color options.

Make the most of our innovative features

Modern admin is equipped with invaluable features designed to help you create premium quality apps exactly as you imagine them. We’ve loaded the Modern admin template with unique and useful tools such as vertical & horizontal layout, floating nav bar, dark and semi-dark layout options, advance cards and charts. Other first-class features include:

  • Built-in Starter Kit
  • Pure Angular, No Jquery Dependency
  • Created with Angular CLI
  • Code Splitting, Lazy loading
  • Firebase authentication + Social Logins
  • Carousel (Image Slider)
  • 2 Dashboard
  • 2 Chart libraries
  • SASS Powered
  • 5 Workable Applications
    • Email
    • Chat
    • Contacts
    • Todo
    • Calendar
  • Unlimited Color Options
  • Google Map
  • Fully Responsive Layout
  • Organized Folder Structure
  • Clean & Commented Code
  • Well Documented
  • FREE Lifetime Updates
  • 6 months of free support included

Enjoy first-class support

We offer six months of free support to every customer.

Get free lifetime updates

Every purchase of the Modern admin template is entitled to free updates – for life. This means you’ll benefit from every enhancement, improvement and newly added feature indefinitely.

Technical Specification (Credits )

Modern Admin – Angular 12+ Bootstrap 4 Admin Dashboard Template

Angular https://angular.io/ MIT
@agm/core https://github.com/SebastianM/angular-google-maps MIT
ng-bootstrap https://ng-bootstrap.github.io MIT
ngx-charts https://github.com/swimlane/ngx-charts MIT
ngx-datatable https://github.com/swimlane/ngx-datatable MIT
@types/chartist http://www.chartjs.org MIT
@types/d3-shape https://www.npmjs.com/package/@types/d3-shape MIT
@types/jquery https://www.npmjs.com/package/@types/jquery MIT
angular-calendar https://github.com/mattlewis92/angular-calendar MIT
bootstrap http://getbootstrap.com/ MIT
bourbon https://github.com/thoughtbot/bourbon MIT
chartist https://github.com/gionkunz/chartist-js MIT
classlist.js https://github.com/lucthev/classlist MIT
core-js https://github.com/zloirock/core-js MIT
d3 https://github.com/d3/d3 MIT
datatables.net https://datatables.net/ MIT
intl https://github.com/andyearnshaw/Intl.js MIT
jquery https://www.npmjs.com/package/jquery MIT
ng-chartist https://github.com/willsoto/ng-chartist MIT
ngx-toastr https://github.com/scttcper/ngx-toastr MIT
ng2-file-upload https://github.com/valor-software/ng2-file-upload MIT
ng2-nouislider https://github.com/tb/ng2-nouislider MIT
ng2-smart-table https://github.com/akveo/ng2-smart-table MIT
ng2-toastr https://github.com/PointInside/ng2-toastr MIT
ng2-validation https://github.com/yuyang041060120/ng2-validation MIT
nouislider https://github.com/leongersen/noUiSlider MIT
resize-observer-polyfill https://github.com/que-etc/resize-observer-polyfill MIT
rxjs https://github.com/ReactiveX/RxJS MIT
screenfull https://github.com/sindresorhus/screenfull.js MIT
sweetalert https://github.com/t4t5/sweetalert MIT
web-animations-js https://github.com/web-animations/web-animations-js MIT
NGX Wizard https://github.com/cwun/ng2-multi-step-wizard-ui-router1 MIT
Quill https://github.com/KillerCodeMonkey/ngx-quill MIT
ng2-dragula https://github.com/valor-software/ng2-dragula MIT
Hopscotch http://linkedin.github.io/hopscotch/ Apache License 2.0
Player https://github.com/videogular/videogular2 MIT
Internationalization https://github.com/ngx-translate/core MIT
Cropper https://github.com/cstefanache/angular2-img-cropper MIT
Tag Input https://github.com/Gbuomprisco/ngx-chips MIT
Switch https://github.com/webcat12345/ngx-ui-switch MIT
Select https://github.com/ng-select/ng-select MIT
Archwizard https://github.com/madoar/angular-archwizard MIT


Images we used from below sites. Get it’s URL also.



  • Please note that there is a difference in between Modern Admin Angular and HTML versions, make sure to check the current demo before purchasing the Modern Admin Angular.


V3.2 [4th Oct 2021]
• Upgraded project to use Angular 12.1.0
• Other minor bug fixes
V3.1 [26th Aug 2021]
• Upgraded project to use ESLint.
• Other minor bug fixes.
V3.0 [25th June 2021]
• Upgraded project to use Angular 12.0.4.
• Other minor bug fixes.
V2.6 [31st May 2021]
• Upgraded project to use Angular 11.2.12.
• Added Kanban Application
• Added Hospital theme Dashboard
• Fixed all high severity vulnerabilities with Angular 11.2.12.
• Other minor bug fixes.
V2.5 [12th Feb 2021]
• Upgraded project to use Angular 11.1.0.
• Added Tree View under Extra Component.
• Other minor bug fixes.
V2.4 [17th Nov 2020]
• Upgraded project to use Angular 11.0.0.
• Upgraded project to use ng-bootstrap 5.0.0.
• Fix ngb-calender not default to the current date.
• Added Dropzone for file upload.
• Other minor bug fixes. (edited) 
V2.3 [12th Sept 2020]
• Upgraded project to use Angular 10.1.0
• Fix Card layout issue
• Other minor bug fixes
V2.2 [4th Aug 2020]
- Upgraded to Angular 10.0.6
- New design for Todo Application 
V2.1 [4th July 2020]
- Upgraded to Angular 9.1.9
- Upgraded to Bootstrap 4.2.2
- Upgraded SCSS to latest HTML version of the Modern admin
- New design for Email Application
- New design for Chat Application (Static as well as Live)
V2.0 [26th Feb 2020]
- Upgraded project to use Angular 9.0.0
- Fixed back navigation menu highlight issue
- Removed ngx-prism
V1.2 [6th Dec 2019]
- Added live chat functionality.
- Fixed broken Text Editor page
V1.1 [14th Nov 2019]
- Added configuration to hide header icons.
- Added ngx-toastr in TODO application.
- Added fully functional CRUD Firebase API integration for TODO App.
v1.0 [12th October 2019]
   - Initial release