Worldwide Creative Tim Meetups ❤️Give us a helping hand to make it happen!

Material Dashboard Angular

Material Dashboard Angular

Free Bootstrap 4 Angular 8 Admin Template
· 4.90/5 (410 Reviews)

MIT License

77,054 Downloads
193 Comments
Community Support
6 months Updates
Release: 2 years ago
Update: 4 months ago

60 Handcrafted Elements

2 Customized Plugins

3 Example Pages

Product certified by: Creative Tim

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?
  • Elements · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 200
  • Plugins · 15
  • Example Pages · 6
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

193 Web Developers commented on this product

Github Docs FAQ Page

marcos.ribeiro
  • downloaded
1 year ago

How can i change de color of active menu in Material Dashboard Free?

chelaru_ciprian
  • owner

@marcos.ribeiro in app.component.html you have data-color='red'. Best, Ciprian
1 year ago

tanluutrong2206
  • downloaded

@chelaru_ciprian I cant find data-color in app.component.html. Can you explain more about your solution. Thank you a lot :)
1 year ago

chelaru_ciprian
  • owner

@tanluutrong2206 on line 2 you have: <div class="sidebar" data-color='red' data-image="">, right? Best, Ciprian
1 year ago

ruanureez
  • downloaded
1 year ago

"Material Dashboard Angular2 FREE BOOTSTRAP 4 ANGULAR 5 ADMIN TEMPLATE" What is it now? Angular 2 Or Angular 5 Or angular 1000??

chelaru_ciprian
  • owner

Hi, @ruanureez ! Thank you for pointing this issue to us. It is built with Angular 5 and at the end of the week, we will change the title. All the best, Ciprian
1 year ago

ruanureez
  • downloaded
1 year ago

Hi @chelaru_ciprian , Awesome. Thanks for letting me know. Looking forward to it! All the best, Ruan

drobbed
  • downloaded
1 year ago

I am getting the following after after running npm install and ng serve: Cannot read property 'write' of undefined TypeError: Cannot read property 'write' of undefined at UI.write (C:\dev\material-dashboard-angular-v2.1.0\node_modules\@angular\cli\ember-cli\lib\ui\index.js:56:23) at UI.writeLine (C:\dev\material-dashboard-angular-v2.1.0\node_modules\@angular\cli\ember-cli\lib\ui\index.js:69:8) at Class.run (C:\dev\material-dashboard-angular-v2.1.0\node_modules\@angular\cli\tasks\serve.js:237:12) at check_port_1.checkPort.then.port (C:\dev\material-dashboard-angular-v2.1.0\node_modules\@angular\cli\commands\serve.js:123:26) at <anonymous> at process._tickCallback (internal/process/next_tick.js:188:7)

chelaru_ciprian
  • owner

Hi, @drobbed ! Thank you for using our product. Can you tell me what OS do you use? Best, Ciprian
1 year ago

kirankumar.kalisetty
  • downloaded
1 year ago

This template is designed with Angular Material or Bootstrap or both. If both where you add bootstrap css in this template?

chelaru_ciprian
  • owner

Hi, @kirankumar.kalisetty ! Thank you for using our product and sorry for the late response. The bootstrap scss is imported in src/assets/scss/material-dashboard.scss. All the best, Ciprian
1 year ago

rammeena33 1 year ago

Can we customize and sell this dashboard with our own functioning ?

chelaru_ciprian
  • owner

Hi, @rammeena33 . Yes, you can customize and sell this product with one condition, to keep our header from scss file. All the best, Ciprian
1 year ago

rimhatti
  • downloaded
1 year ago

How could I upgrade it to Angular6

chelaru_ciprian
  • owner

Hi, @rimhatti ! Thank you for using our product. Use this command: npm install @angular/{animations,common,compiler,core,forms,http,platform-browser,platform-browser-dynamic,router}@latest --save. Best, Ciprian
1 year ago

د9gl
  • downloaded
1 year ago

Hi, is there any RTL supporting plan ?

chelaru_ciprian
  • owner

Hi. The RTL support is a feature for the PRO version only. Best, Ciprian
1 year ago

omotayoblessing11
  • downloaded
1 year ago

please can you teach me how to run this project

chelaru_ciprian
  • owner

@omotayoblessing11 check this tutorial: https://demos.creative-tim.com/material-dashboard-angular2/documentation/tutorial. See the getting started area. Best, Ciprian
1 year ago

omotayoblessing11
  • downloaded
1 year ago

i have done that but it showing this inside terminer > [email protected] start C:\wampe\www\paymyrentproject\paymyrent\admin > ng serve 'ng' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `ng serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install? npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\GHOSTCODE\AppData\Roaming\npm-cache\_logs\2018-10-05T15_57_19_281Z-debug.log

chelaru_ciprian
  • owner

@omotayoblessing11 try with npm start. Best, Ciprian
1 year ago

chelaru_ciprian
  • owner

Have you run this command: npm install -g @angular/[email protected]?
1 year ago

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