❀️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap 4 Admin Angular 14 Template

Product description


Material Dashboard Angular is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

Material Dashboard Angular is built with Angular 14 and makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

This product came as a result of users asking for a material dashboard after we released our successful Material Kit and Material Dashboard. We developed it based on your feedback and it is a powerful bootstrap admin dashboard, which allows you to build products like admin panels, content managements systems and CRMs.

Material Dashboard comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar.

Special thanks go to:

We are very excited to share this dashboard with you and we look forward to hearing your feedback!

You can find the Github Repo here.



Product certified by: Creative Tim
Material Dashboard Angular - Fully Coded and Responsive HTML5
Material Dashboard Angular - Sass Files for Professional Front End Developers
Material Dashboard Angular - Crafted with Bootstrap - the most popular Front End Framework
Material Dashboard Angular - Angular 2+ Structure with TypeScript
Downloads
162,812
Version
2.8.0
Changelog
Updated
1 year ago
Released
7 years ago
Reviews
Star
Handcrafted Elements
60
Customized Plugins
2
Example Pages
3
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Material Dashboard Pro Angular. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 60 200
Plugins 2 15
Examples Pages 3 6
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

200 Web Developers commented on this product

joelspino
  • downloaded
4 years ago

When I upload my page, should I put your name somewhere, or just with the license enough? Thanks for your free templates!

jdavenport
  • downloaded
4 years ago

Trying to get a test site up with this template and a django rest api. Any suggestions?

chelaru_ciprian
  • downloaded

Hello @jdavenport , And thank you for your interest in using our product. We haven't used Django in any of our products and can't really answer your question. But I am going to tell you what we've told to a lot of our users that wanted something in our products that we haven't used. Here is a link to a tutorial for Angular and Django: https://medium.com/swlh/django-angular-4-a-powerful-web-application-60b6fb39ef34 Best, Ciprian
4 years ago

filthkyory
  • downloaded
4 years ago

Amazing Federico... Thanks very much!!!

ismailaiyyed6lz
  • downloaded
4 years ago

ng test.. Not working

kvky53
  • downloaded
4 years ago

Could not find module "@angular-devkit/build-angular" from "C:\\Users\\kvky5\\OneDrive\\Desktop\\material-dashboard-angular2-master". Error: Could not find module "@angular-devkit/build-angular" from "C:\\Users\\kvky5\\OneDrive\\Desktop\\material-dashboard-angular2-master". at Object.resolve (C:\Users\kvky5\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\core\node\resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (C:\Users\kvky5\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\src\architect-legacy.js:153:40) at Observable._trySubscribe (C:\Users\kvky5\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:44:25) at Observable.subscribe (C:\Users\kvky5\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:30:22) at C:\Users\kvky5\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:99:19 at new Promise (<anonymous>) at Observable.toPromise (C:\Users\kvky5\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\rxjs\internal\Observable.js:97:16) at ServeCommand.initialize (C:\Users\kvky5\AppData\Roaming\npm\node_modules\@angular\cli\models\architect-command.js:130:86) at process.runNextTicks [as _tickCallback] (internal/process/next_tick.js:47:5) at Function.Module.runMain (internal/modules/cjs/loader.js:865:11) at internal/main/run_main_module.js:21:11 i got this error please tell me how to resolve this error

kvky53
  • downloaded
4 years ago

Cannot find module 'acorn' Error: Cannot find module 'acorn' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:649:15) at Function.Module._load (internal/modules/cjs/loader.js:575:25) at Module.require (internal/modules/cjs/loader.js:705:19) at require (internal/modules/cjs/helpers.js:14:16) at Object.<anonymous> (C:\Users\kvky5\OneDrive\Desktop\net\node_modules\acorn-dynamic-import\lib\index.js:18:14) at Module._compile (internal/modules/cjs/loader.js:799:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:810:10) at Module.load (internal/modules/cjs/loader.js:666:32) at tryModuleLoad (internal/modules/cjs/loader.js:606:12) at Function.Module._load (internal/modules/cjs/loader.js:598:3) how to solve this error

chelaru_ciprian
  • downloaded

Hi, @kvky53 . Thank you for using our product. Have you updated the dependencies? All the best, Ciprian
4 years ago

kvky53
  • downloaded

tes but its not working
4 years ago

kvky53
  • downloaded

yes but it is not working please guide me
4 years ago

kvky53
  • downloaded

to how to use this
4 years ago

chelaru_ciprian
  • downloaded

You need to keep our versions or to wait until we update the product to the latest versions, otherwise, you need to resolve the errors on your own. Best, Ciprian
4 years ago

tobo
  • downloaded
4 years ago

Great product! I want to ask, if the library chart.js is supported as well as chartist.js?

chelaru_ciprian
  • downloaded

Hi. Thank you for using our product. Unfortunately, it was built only with chartist library. Best, Ciprian
4 years ago

raulori
  • downloaded
4 years ago

Hi, IΒ΄ve been using this template for a while and itΒ΄s really great, but I have a problem. IΒ΄m trying to hide the sidebar and show it once logged in, but i canΒ΄t find the way (IΒ΄ve made it in another templates without any trouble). Any tips or anyone with the same struggle can please help me?.

chelaru_ciprian
  • downloaded

Hi, @raulori . Thank you for using our product. This is a feature from the PRO version: https://www.creative-tim.com/product/material-dashboard-pro-angular2. Best, Ciprian
4 years ago

poulavbiswas
  • downloaded
4 years ago

I am getting the following error Package "@angular/core" has an incompatible peer dependency to "zone.js" (requires "~0.8.26", would install "0.9.1") Package "@angular/compiler-cli" has an incompatible peer dependency to "typescript" (requires ">=3.1.1 <3.3", would install "3.4.5"). Package "@angular/core" has an incompatible peer dependency to "zone.js" (requires "~0.8.26", would install "0.9.1"). Incompatible peer dependencies found. See above.

denizalfa
  • downloaded
4 years ago

Hi @chelaru_ciprian, great product. I was wondering if there is a way to have the sidebar collapsed by default on a desktop screen.

chelaru_ciprian
  • downloaded

Hi, @denizalfa . Thank you for using our product. This is a feature only for the PRO version: https://www.creative-tim.com/product/material-dashboard-pro-angular2. All the best, Ciprian
4 years ago

denizalfa
  • downloaded

thanks for the swift reply
4 years ago

You have to be logged in to post a comment. Login here.