Material Dashboard Angular

Material Dashboard Angular

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

MIT License

75,137 Downloads
192 Comments
Community Support
6 months Updates
Release: 2 years ago
Update: 3 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!

192 Web Developers commented on this product

Github Docs FAQ Page

luíssiza.jó
  • downloaded
2 years ago

amazing

alexpaduraru
  • downloaded

Glad that you like it :D
2 years ago

hernán.guaymás
  • downloaded
2 years ago

Great work!!! I love this template. Do you plan to develop a PRO version whit more components like Mailbox and Calendar?

alexpaduraru
  • downloaded

@hernán.guyamas thank you for the kind words! Yes, we will release the PRO version soon, here is a quick preview: http://md-pro-angular2.creative-tim.com/ Please let us know if you have any feedback. Best, Alex!
2 years ago

hernán.guaymás
  • downloaded

It's perfect!!! It would be great if you include mailbox, contacts, profile and messages pages. Scrollbar is not working properly. Thanks and sorry for my english! ;)
2 years ago

alexpaduraru
  • downloaded

We wrote that on our features list and based on other customers requests we will see when and what we add first. Which OS/Browser are you using? So we can test the scroll issue. Thank you, Alex!
2 years ago

hernán.guaymás
  • downloaded

I'm using Google Chrome
2 years ago

ramprit550
  • downloaded
2 years ago

@CreativeTim Hello, I m new in angular 2. I want to use your template in my angular app I clone from GitHub then follow the steps but it's not working error TS2304: Cannot find name 'PropertyKey' I know it's Req licence but I want for demo It there any option for free for angular2 Then I will buy licence

alexpaduraru
  • downloaded

@ramprit550 thank you for using our product. It should work without any problems. Please open an issue on github and give us as much information as you can. Here is some possible answers from stackoverflow about your issue: http://stackoverflow.com/questions/42738623/cannot-find-name-propertykey. Let us know your status. Best, Alex!
2 years ago

aespoir
  • downloaded
2 years ago

very nice work thanks

alexpaduraru
  • downloaded

@aespoir glad that you like it :D
2 years ago

jay.bienaime
  • downloaded
2 years ago

Angular noob here. When I run npm install I receive a host of errors: Should I take this to GitHub? Here are the errors: npm WARN package.json [email protected] No repository field. npm WARN package.json [email protected] No license field. npm WARN deprecated [email protected]: Package renamed to ng-chartist npm WARN engine [email protected]: wanted: {"node":">=5.5.0"} (current: {"node":"4.6.1","npm":"2.15.9"}) npm WARN peerDependencies The peer dependency [email protected] included from angular-in-memory-web-api will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm WARN peerDependencies The peer dependency [email protected]^0.7.2 included from angular-in-memory-web-api will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm WARN optional dep failed, continuing [email protected] npm WARN deprecated [email protected]: use uuid module instead npm WARN peerDependencies The peer dependency @angular/[email protected]^2.4.0 included from ng2-bootstrap will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm WARN peerDependencies The peer dependency @angular/[email protected]^2.4.0 included from ng2-bootstrap will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm WARN peerDependencies The peer dependency @angular/[email protected]^2.4.0 included from ng2-bootstrap will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm WARN peerDependencies The peer dependency @angular/[email protected]^2.4.0 included from ng2-bootstrap will no npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly. npm ERR! Linux 4.8.8-c9 npm ERR! argv "/home/ubuntu/.nvm/versions/node/v4.6.1/bin/node" "/home/ubuntu/.nvm/versions/node/v4.6.1/bin/npm" "install" npm ERR! node v4.6.1 npm ERR! npm v2.15.9 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package @angular/[email protected] does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/[email protected] npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/[email protected] npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/[email protected] npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/[email protected] npm ERR! peerinvalid Peer [email protected] wants @angular/[email protected]^2.1.2 npm ERR! peerinvalid Peer [email protected] wants @angular/[email protected]^2.4.0

alexpaduraru
  • downloaded

@jay.bienaime thank you for using our product. Please check this issue on github: https://github.com/creativetimofficial/material-dashboard-angular/issues/3 and let us know if that solved the problem. Best, Alex!
2 years ago

hernán.guaymás
  • downloaded
2 years ago

I'm using Google Chrome in Windows

alexpaduraru
  • downloaded

Thanks! We will do some more tests before the official release. Best, Alex!
2 years ago

deniss.kulakov
  • downloaded
2 years ago

Hello axelut, I have some troubles with implementing dashboard with your material ui kit. There is problems in navbar. When am using material-dashboard.css it broke the standart navbar settings from material ui kit. (I am using angular 2) For example i have two components: Component "A" where is classic landing page from material uit kit package, using material-kit.css in styleurls property. Everything is work well. Then, component "B" (with multiplie components inside like in example navbar,footer,sidebar and js files also included like in example) uses material-dashboard.css in styleurls property. Here navbar brakes down when i change size of window, collapse dont work. But if i include material-dashboard.css to index page, it works well, as in example. And here problem begins - navbar in component A brakes down, because styles from material-dashboard.css overrides navbar styles from material-kit.css. I dont know why material-dashboard.css styles (navbar styles) dont work when i include them into separate components (component B and his child components). It works only when i got in index page, but then i got problems with classic navbar from material ui kit. The question is how i can implement this "dashboard navbar" from material dashboard with "classic navabar" from material ui kit? Is it real? I have spend around 4-5 days on this problem and always getting that some parts brakes down. I really enjoy your style and would like to purchase. Hope to receive some help or explanation.

deniss.kulakov
  • downloaded
2 years ago

am going to open issue on github with details

flashwizard
  • downloaded
2 years ago

Any way to use this theme for ionic2 ?

flashwizard
  • downloaded

Hi Alex, Appreciate the awesome work you do. I will give a try to convert this for ionic 2. If it works well will share the same to you. Thanks for the awesome stuff.
2 years ago

alexpaduraru
  • downloaded

@flashwizard that's great man! Let's see how it is working and maybe we can share it for the entire community that is on creative-tim :D Best, Alex!
2 years ago

alexpaduraru
  • downloaded

@flashwizard thank you for your interest in our product. Unfortunately, we don't have experience with Ionic2 so we cannot tell if the Angular 2 will work with it. You can try to integrate the HTML Version (https://www.creative-tim.com/product/material-dashboard) with Ionic, I've found this tutorial: https://www.youtube.com/watch?v=sXFmkdhOEVc Hope this will help you. Best, Alex!
2 years ago

jaafar.belwidane
  • downloaded
2 years ago

Yo, this template is so cool, you produce a great work, i'm waiting for the pro version,

alexpaduraru
  • downloaded

@jaafar.belwidane thank you for using our product. The PRO version will be released soon, we are doing some final touches on it. Best, Alex!
2 years ago

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