See our review from 10 of the best premium AngularJS Material Design admin templates.

Top 10: Best Premium AngularJS Material Design Admin Templates

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS is built around the belief that declarative code is better than imperative when it comes to building UIs and wiring software components together, while imperative code is excellent for expressing business logic.

Save yourself the hard work of finding the greatest premium AngularJS Material Design Admin Template and discover items recommended by Our Code World, enjoy our top of 10 from the best Premium AngularJS Material Design Admin Templates.

10. Metrika

Live demo

Metrika Admin Template AngularJS

Metrika is a responsive material design built specifically for AngularJs. Using Google’s own Material Design framework for Angular with custom services, directives, icons and styling (material.angularjs.org) together with the power of Bootstrap for making layout as easy as ever. Create your own Material themes with color combinations and bringing true material components into bootstrap. It uses the latest version Angular 1.5 and the component method, bridging the gap between angular 1 and angular 2 with true components and componentized architecture.

It also combines different and powerful charting libraries like D3, Morris charts, Flot charts, sparkline charts and Chart Js. It follows good practices in terms of organizing sass files and javascript files with integration for Grunt and bower.

9. Admin.io

Live demo

Admin Template AngularJS premium material

Admin.io is a responsive material design built specifically for AngularJs that uses Google’s own Material Design framework for Angular with custom services, directives, icons and styling (material.angularjs.org). It follows good practices in terms of organizing sass files and javascript files with integration for Grunt and bower. It offers full documentation and has a lot of components that you can use in your next project.

8. Administri

Live demo

Administri AngularJS Premium Material Template

Administri is a responsive material design built specifically for AngularJs. The first thing that is most likely is going to catch your eye is that the design is extremely neat and attractive, the administration interface has pre-designed components for all sorts of administrative panel blocks and features. The design pack comes with the three types of dashboards just plain dashboard and now this is focused and tailored for social media. The dashboards have useful UI components as cards colors widgets material icons typography and grids that you can easily hook them up in your own app so that they perform the actions you want.

The administrative design will allow you to start your next angularjs based project because you'll be able to just modify the pre-designed UI components that come bundled. Your next project will both work flawlessly and look awesome with this template, start creating more professional applications now.

7. Material Design Admin Template & Landing

Live demo

Premium AngularJS Admin Material Template

Material DesignAdmin is a Google Material Design inspired admin template built with Bootstrap and AngularJS. It uses Sass CSS which makes it easy to modify and customize as you need. This template has a lot of features like:

  • 2 in 1, both admin template & landing page.
  • Google Material Design inspired admin/dashboard template.
  • Clean JS Code – simple and clean JavaScript code
  • Responsive Design – mobile-ready design adopt to any device
  • Web App – single page application with Bootstrap and AngularJSFully AJAX powered, never refresh the entire page again. Faster, smoother, cooler.
  • Powerful Layout – multiple layouts to choose from. Including Wide and Boxed layout, Vertical, Horizontal and Collapsed menu, toggle for fixed top header and sidebar menu.
  • Multiple Colors – 18 predefined color schemes and you can build your own by change a few variables.
  • Internationalization – internationalization (i18n) and Localization (l10n) support. Add English, Spanish, Portuguese, Japanese, Chinese, Russian for demo.
  • Nested routing with ui-router
  • Built with Sass – Easy modification with variables
  • Solid Workflow – solid workflow with Yeoman (GruntJS, Bower) just like Twitter Bootstrap project, make all things organized.
  • Use whatever back end you prefer, Python, Ruby, PHP, NodeJS… you name it. It takes no assumption on your backend language.
  • Bootstrap 3 – built with popular Bootstrap 3.x
  • Work with jQuery – yes, you can use your favorite jQuery
  • Retina Ready – better display on high-resolution devices
  • Realtime Validation – realtime form validation
  • Tons of widgets and components.
  • Valid HTML5 and CSS3
  • Cross Browsers

6. Materil

Live demo

Materil Premium Admin Template Material

Material design admin is a dashboard template with Bootstrap 3 and AngularJS, Features nested views & routing and lazy load for large projects. The most useful features of this project are:

  • Magic AngularJS
  • Powerful AngularUI
  • Popular Bootstrap 3
  • Nested routing
  • Nested views
  • Less CSS
  • Many jQuery plugins included
  • 70% of jQuery plugins can work
  • without creating the directive
  • Lazy loading
  • Grunt tasks
  • Bower dependency management
  • Save user settings
  • Inbox app
  • Note app
  • Todo app
  • Multiple Layout options
  • Separated Html blocks

5. Material Design Angular Admin

Live demo

Premium Material Admin AngularJS

Material is a Google Material Design inspired admin template built with Angular & Bootstrap. The most known features of this template are:

  • 2 in 1. Both admin template and Landing page
  • Google Material Design
  • Responsive Design
  • Multiple Color Schemes, with 18 predefined schemes
  • Light & Dark Themes, with 3 themes (light, gray, and dark) ready to go
  • Powerful Layout Settings
  • Unlimited Multi-Level Navigation Menu
  • Smooth Animation/Transition Effect
  • Material Design UI Kit with Angular Material
  • 1700+ Icons, including 900+ official material design icons
  • SASS/SCSS CSS, easily update admin style by changing a few variables
  • Work with jQuery
  • 70+ Pages and Tons of components
  • Built with AngularJS & Bootstrap
  • Clean Code with John Papa’s Angular Style Guide recommend by Angular team
  • Modular Code, add & remove with ease
  • Lazy Loading with ocLazyLoad. Load assets only when you need it.
  • Nested Routing with ui-router
  • Internationalization and Localization Support
  • Package Mangement with Twitter Bower
  • Automation with Gulp, save yourself from repetitive tasks.
  • High Resolution Support
  • Cross Browser Support
  • Built with Love
  • Premium Support
  • Free Future Updates

4. Materia

Live demo

Premium Material Admin AngularJS Template

Materia is an AngularJS admin app built on bootstrap 3.3 framework and uses material design framework. It uses less css with bower dependency and grunt task runner for scripts. You can use this as a starter template for web apps, dashboard etc. The template is fully responsive and works best in all the devices. This templates offers an offcanvas sidebar to easily discover who's online and you can add many tabs as you want. It contains common pages as timeline, 404 page, users, invoice, search menu etc.

The main features of this template are:

  • Built with AngularJS and bootstrap 3.3
  • Saved State of themes and navigation
  • One click horizontal nav
  • Less CSS
  • Dashboard widgets
  • Bower and Grunt for easy dependency and automated tasks.
  • Form Components
  • File Uploader
  • Image Cropper
  • Nested views using angular router
  • Create chart using C3 and inline using sparkline
  • Email App
  • Working todo app
  • Stylish Calendar App
  • Lazy loading of scripts and templates
  • Ionicons and Font Awesome icons
  • All UI elements including tooltips, panels, collapse, tabs, progress bars
  • Data Tables with responsiveness
  • Login, Register and Lock Screen pages
  • Invoice Page
  • 404 page
  • Responsive Grids
  • Google Maps
  • Helper Classes
  • Documentation Included

3. Angulr

Live demo

Angulr Premium AngularJS Admin Material template

Angulr is an Admin web application template with Bootstrap 3 and AngularJS. It uses grunt and bower with bootstrap and angular, features nested views & routing and lazy load for large projects. The main features of this template are:

  • Magic AngularJS
  • Powerful AngularUI
  • Popular Bootstrap 3
  • Nested routing
  • Nested views
  • Lazy loading
  • Grunt tasks
  • Bower dependency management
  • International Translate
  • Save user settings
  • Note app
  • Contacts app
  • Multiple Layout options
  • Separated Html blocks
  • Less CSS
  • Many jQuery plugins included
  • 70% of jQuery plugins can work
    without creating the directive

2. Material Design Admin with AngularJS

Live demo

Material Admin AngularJS Premium Template

Material admin is a Google Material Design inspired admin dashboard template built with Bootstrap and AngularJS.

The main features of this template are: 

  • Google Material Design
  • Material design admin template & landing page, 2 in 1
  • Powerful Layouts
  • Mutiple Color Schemes
  • Sass/Scss CSS
  • Work with jQuery
  • Nested Routing
  • Internationalization and Localization Support
  • Built with AngularJS & Bootstrap
  • Clean Code with Angular Style Guide
  • Package mangement with Twitter Bower
  • Automation with Gulp
  • Responsive Design
  • Premium Support
  • Free Future Updates
  • Built with love

Note that this template uses Angular 1.X, if you want the Angular 2.X version, then you will want to check this template instead.

1. Materialism

Live demo

Materialism Premium Admin AngularJS material template

Materialism is an Admin Template based on Angular JS with Bootstrap 3. If you are looking for a perfect combination of plugins and modules, then this template is the one for you. This plugin sorts through the vast amount of plugins out there and picks only the best ones with good documentation that fit in a successful app. Choose Materialism for: Clean design Material design and animations Built with AngularJS Bootstrap 3.3. You can start off with everything you need for 99% of the time. The styles are written in SASS which is a great way of organizing your CSS code in a structured manner. The whole Template is compiled with NodeJS, Grunt and Bower which are tools to speed up your development significantly. With the supplied Gruntfile.js you can easily make your changes and build your own version. Because it uses Bootstrap 3, Materialism is easy to understand which is the new standard for front-end developers.

If you know another awesome premium AngularJS template with Material Design, please share it with the community in the comment box.


Senior Software Engineer at Software Medico. Interested in programming since he was 14 years old, Carlos is a self-taught programmer and founder and author of most of the articles at Our Code World.

Sponsors