❀️ 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,818
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

muhammaddeem
  • downloaded
4 years ago

Hi. nice product. Thankyou for sharing. I am new to Angular 2. I tried making changes to text in my IDE but its not reflecting in the web. Am I missing something here ?

chelaru_ciprian
  • downloaded

Hi, @muhammaddeem . Thank you for using our product. In what files are you working? Best, Ciprian
4 years ago

muhammaddeem
  • downloaded

src->app->components
4 years ago

chelaru_ciprian
  • downloaded

Can you open an issue on github with a video recording?
4 years ago

hbhatt263
  • downloaded
4 years ago

[email protected]: The engine "node" is incompatible with this module. Expected version "6.11.1". Got "12.10.0"

chelaru_ciprian
  • downloaded

Hi, @hbhatt263 . Thank you for using our product. You can remove the engines area from package.json. All the best, Ciprian
4 years ago

almamunm567
  • downloaded
4 years ago

cxvbdghdfgh

omrihooshan
  • downloaded
4 years ago

how can I delete unnecessary components for my project?

chelaru_ciprian
  • downloaded

Hi, @omrihooshan . Thank you for using our product. You need to delete the component files and his import from other files. All the best, Ciprian
4 years ago

mandrade
  • downloaded
4 years ago

Hola @chelaru_ciprian . No he podido lograr obtener un comportamiento aceptable para los items del sidebar cuando tienen una lista interna, se que la versiΓ³n pro lo tiene... AlgΓΊn consejo ???

chelaru_ciprian
  • downloaded

Hi, @mandrade . Thank you for using our product. Unfortunately, I can't help you with that because is a feature for the PRO version. All the best, Ciprian
4 years ago

ikhlas505a
  • downloaded
4 years ago

hi, I have a problem when I try to copy component content to another project I have created, the design does not work as the same style in your project what library or thing you used in addition?

chelaru_ciprian
  • downloaded

Hi, @ikhlas505a . Thank you for using our product. Have you imported our style? Also, check the imports from the angular.json file. All the best, Ciprian
4 years ago

mararolinaguilarlvarado
  • downloaded
2 years ago

Can i implement autocomplete component?

rarestoma
  • owner

Hi @mararolinaguilarlvarado and thank you for working with our products. Can you please give us more details? Do you want to make it and integrate in the Material Dashboard Angular? Do you have an working example? Thank you, Rares.
2 years ago

winner00730
  • downloaded
2 years ago

Dear Sir why not working this template in debug mode the breakpoint not hit. when we run in debug the some step not enable like over step, step into and step out

rarestoma
  • owner

Hi @winner00730 and thank you for working with our products. Can you please give me all the steps that you did so I can test it and see what happens? Thank you, Rares.
2 years ago

mahmodxxxh
  • downloaded
1 year ago

im trying to convert this template to "RTL" everything working fine but the sidebar wont move to right side ..... can u help me here ? thanks

rarestoma
  • owner

Hi! Thank you for working with our products. Can you please tell us what issues you have so we can take a look? Regards, Rares.
1 year ago

kamrulislamsahan
  • downloaded
4 months ago

Microsoft Windows [Version 10.0.19045.3570] (c) Microsoft Corporation. All rights reserved. C:\Users\Kamrul\Desktop\Creative Tim\material-dashboard-angular2-master>npm install -g @angular/cli@latest npm WARN deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs added 25 packages, removed 1 package, and changed 244 packages in 51s 39 packages are looking for funding run `npm fund` for details C:\Users\Kamrul\Desktop\Creative Tim\material-dashboard-angular2-master>npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: @angular-devkit/[email protected] npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^14.2.7" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! dev @angular-devkit/build-angular@"^14.2.7" from the root project npm ERR! npm ERR! Conflicting peer dependency: @angular/[email protected] npm ERR! node_modules/@angular/compiler-cli npm ERR! peer @angular/compiler-cli@"^14.0.0" from @angular-devkit/[email protected] npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^14.2.7" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! C:\Users\Kamrul\AppData\Local\npm-cache\_logs\2023-11-02T21_16_28_432Z-eresolve-report.txt npm ERR! A complete log of this run can be found in: C:\Users\Kamrul\AppData\Local\npm-cache\_logs\2023-11-02T21_16_28_432Z-debug-0.log C:\Users\Kamrul\Desktop\Creative Tim\material-dashboard-angular2-master> How can i resolve this issue? Anyone can help me? Thanks in advance.

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