Gradient Able Angular 11 Admin Template

Live Preview Doc
Gradient Able Angular Admin Template

Gradient Able Angular 11 Admin Template

  • : Angular 10
  • : 2.0.1
  • : November 22, 2021
Download now


April 6, 2019
Chrome, IE11+, Edge, Mozilla, Safari
Files Included
Life Time

What is Gradient Able ?

Gradient Able Angular 10 Admin Template

Gradient Able is the most comprehensive Angular 11 Admin Template, around all other admin templates in the market. It comes with high feature-rich pages and components with fully developer centric code. Before developing Gradient Able our key point was the performance. While developing we have gone through various testing & code optimization process, for making this performance centric backend application.

With Gradient Able dashboard template we have provided all possible prebuilt admin template layouts. Which gives you the best selection choice of your backend template need for your projects. Comes with error/bug-free, well structured, well-commented code and regularly with all latest updated code. Which saves your large amount of developing backend application time and it is fully customizable.

With performance, Gradient Able rendering is fast in all major browser. It is passed through a good score in Google Page Speed, Pingdom, gtMetrix. Code passed via w3 validators with all w3 standards. This admin panel is fully responsive and tested in all retina devices. Gradient Able provides multiple choices of color, widget, chart icons and many more features support. We have also developed Gradient Able Admin Template with Bootstrap with their free and pro versions.

Explore Demos

Gradient Able Angular Admin Template includes Vertical, Horizontal, Box, light, dark and many more layouts with fully RTL support.

Reason to choose Gradient Able

Free and Premium, Bootstrap, Angular, React admin templates + UI kits

200+ Pages

We've created 200+ Pages, which cover almost everything

Faster Loading Speed

We've designed 14+ new layouts which you never saw before.

14+ New Advance Layouts

We've designed 14+ new layouts which you never saw before.

New - Live Customizer

Real-time page customizer with tons of options to choose

Retina Responsive Ready

Every component are highly responsive and retina ready too

Support/Helper Guide

Detailed documentation is written out for each component


Highlight your statistics data in visual foam using 50+ pre-designed charts

150+ Widgets

Ready to use Dashboard Widgets as per your demand


We've integrated every possible 3'rd party plugins which suits your backend need

Pre built components

Free and Premium, Bootstrap, Angular, React admin templates + UI kits


  • Default
  • Ecommerce
  • Analyticsnew


  • Navigation


  • Statistic
  • Data
  • Chart

Basic Components

  • Alert
  • Accordion
  • Breadcrumb
  • button
  • Box Shadow
  • Generic Class
  • Tabs
  • Color
  • Label badge
  • Progress Bar
  • Pre-Loader
  • List
  • Tooltip
  • Popover
  • Typography
  • Other

Advance Components

  • Task Board
  • Grid Stack
  • Light box
  • Modal
  • Notifications
  • Rating
  • Range Slider
  • Slider
  • Tree View


  • Animations


  • Components
  • Add-On
  • Advance
  • Validation

Form Picker

  • Form Pickernew

Form Select

  • Form Select

Form Wizard

  • Form Wizard

NGX Form Wizard

  • NGX Form Wizard

Ready To Use

  • Cloned Elements Form
  • Currency Form
  • Booking Form
  • Booking Multi Steps Form
  • Comment Form
  • Contact Form
  • Job Application Form
  • JS Addition Form
  • Login Form
  • Popup Modal Form
  • Registration Form
  • Review Form
  • Subscribe Form
  • Suggestion Form
  • Tabs Form


  • Bootstrap Tables
  • Data Table


  • Google Chart
  • ChartJs
  • Radial Chart
  • C3 Chart


  • Google Maps

Landing Page

  • Landing Page


  • Authentication
  • Login
  • registration
  • Forgot password
  • Lock Screen
  • Error Page
  • User Profile
  • Simple Page
  • Maintenance
  • User Profile
  • Email


  • CRM Contact
  • Task


  • Invoice
  • File Upload
  • Event Calendar


  • Menu Level
  • Sample Page


  • Documentation

Our Best Pricing Plan

Choose the one you need. Need more info on Licenses? Learn more


Single Use

Use each template for single project.

  • Use for Single projects
  • 1 Year premium Support
  • Free lifetime updates
  • For Non-Paying users only


Multiple Use

Use each template up to five project.

  • Use upto 5 projects
  • 1 Year premium Support
  • Free lifetime updates
  • For Non-Paying users only


Extended Use

Use for SASS projects or unlimited licenses.

  • Use for single project
  • 1 Year premium Support
  • Free lifetime updates
  • For Paying users

Get Support in Average 30min

Average Response time in 30 min so that customer will get support in short time.

Version 5.0 (08-12-2020)
  • Angular 11+ Support
Version 4.0 (01-10-2020)

Note: No changes in HTML version

  • Angular 10+ support

  • Clear cut code structure for complete layout.

  • Fix code directory structure

  • Fix scss file structure

  • Updated \'fullcalendar\' modules

\"fullcalendar\": \"^3.10.1\",
\"@fullcalendar/angular\": \"^4.4.5-beta\",
\"@fullcalendar/core\": \"^4.4.0\",
\"@fullcalendar/daygrid\": \"^4.4.0\",
\"@fullcalendar/interaction\": \"^4.4.0\",
\"@fullcalendar/timegrid\": \"^4.2.0\",
  • removed \'angular-6-datatable\' module
\"angular-archwizard\": \"^5.0.0\",
  • removed \'ng-2-archwizard\' and import new third party module \'angular-archwizard\'

\"angular-highcharts-chart\": \"^1.0.2\",

 \"highcharts\": \"^6.2.0\"
  • updated \'angular-highcharts-chart\' and \'highcharts\'

  • removed \'\"ic-datepicker\" module

  • removed \'ng2-currency-mask\' module

  • updated \'rxjs-compat\'

  • removed animation module \'css-animator\'.

  • removed \'ng2-validation\' and add new third party module \'ngx-custom-validators\'

Version 3.2 (21-08-2018)

Note: No changes in HTML version

  • Angular 6 supported

  • CLI v6.0.x supported

Version 3.1 (08-05-2018)

Note: No changes in HTML version

  • Properly parse CSS variables that begin with interpolation

  • Generate correct source maps for main scss

  • Add more advance widget

  • Fix bug: real time charts

  • Effective navigation and breadcrumbs add

  • Fix bug: basic alert

  • Fix bug: responsive tabs options

  • New Added Modules

    • Proper star, bar, square rating

    • Slider, range slider and scale slider

    • Effective and proper landing page

    • Email inbox with mail compose

    • Setup easy interface documentation

Version 2.0.2 (28-12-2017)
HTML Version:
  • Fix Design Bugs in Responsive.

  • Documentation Change

  • No major change in HTML version.

  • Replace style sheets if you already use v2.0.1

Angular Version:
  • Compatible to CLI 1.5.0 & Node 9.3.x version.

  • Resolve minor bugs.

  • Fix Design Bugs in Responsive.

Version 2.0.1 (18-12-2017)

Note: No changes in HTML version

  • Documentation Change

  • Add more basic modules

  • Add Slider and Rating advance modules

  • Scroll to top on change routes.

  • Change configuration.

  • Bug fixed dark layout.

  • Set dashboard notification.

Version 1.0 (17-11-2017)
  • Initial release.