Material Dashboard Angular

Material Dashboard Angular

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

MIT License

75,143 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

generaluseage9091
  • downloaded
2 years ago

You guys are f**king amazing

alexpaduraru
  • downloaded

@generaluseage9091 thank you for the kind words, much love <3
2 years ago

spaul2011
  • downloaded
2 years ago

Hi is that support for dynamic theaming?

alexpaduraru
  • downloaded

@spaul2011 thank you for using our product. Can you please let us know what is "dynamic theaming"? Best, Alex!
2 years ago

spaul2011
  • downloaded

Hi @alexpaduraru thanks for your response. Dynamic theming like angular material $mdThemingProvider. we can declare themes in common place like $mdThemingProvider.theme('customTheme') .primaryPalette('grey') .accentPalette('orange') .warnPalette('red'); });
2 years ago

alexpaduraru
  • downloaded

@spaul2011 got it, we will check that and see how we can do this with our product. We never did that before :D
2 years ago

sebastien.boissier
  • downloaded
2 years ago

Hi, is there an Angular 4 / Bootstrap 4 version scheduled? Thanks.

alexpaduraru
  • downloaded

@sebastien.boissier at this moment we are working to release Paper Dashboard Angular and in parallel we are converting Paper Kit and Paper Kit PRO to BS4. As soon as these updates are done, we will start migrating Material Kit to BS4, then MK Pro, MD and MD Pro. When MD and MD Pro are migrated to BS4, we will be able to migrate MD Angular to BS4 too. This is the only way that we can have a smooth migration and treat all the products equally. This is something that will take our whole team 2-3 months of development and testing. Hope this information helps you. Best, Alex!
2 years ago

f2012558
  • downloaded
2 years ago

Hi i want to add a login page to this dashboard.I am very new to angular2 .Can someone please help me with this

alexpaduraru
  • downloaded

@f2012558 thank you for using our product. There are 2 options: 1 you create two different layouts, one that will be for the login/register pages, without the sidebar and charts and one layout that will appear after the user is logging in. Then from the app.routing.ts you set what layout is for what page and Angular will handle the rest. The second option would be to check the PRO version of thi product: https://www.creative-tim.com/product/material-dashboard-pro-angular2 which already has those 2 layouts made and the example pages. Best, Alex!
2 years ago

dinesh.more
  • downloaded
2 years ago

Cant find sidebar menu toggle. Do you guys support it? Not able to find it in code too.

alexpaduraru
  • downloaded

@dinesh.more thank you for using our product. Can you please let us know which menu toggle? Best, Alex!
2 years ago

avdbrink
  • downloaded
2 years ago

Hi, I've been playing around with the Material Dashboard for a while, I love the looks of it! Thanks for that! However, I'm struggling with adding new modules. When I try to add angular2-datatable to my page I always get an http 404 error, even when I only add the import to my app.module, not even trying to display a table. Is there anything I'm doing wrong here?

alexpaduraru
  • downloaded

@avdbrink thank you for using our product. Please open an issue on github: https://github.com/creativetimofficial/material-dashboard-angular/issues giving us all the details, steps and necessary files to test the issue and we will give you a solution. Best, Alex!
2 years ago

christian_zx24
  • downloaded
2 years ago

Hi, I'm, trying to run your free template but I have this error came you help me please? $ npm start > [email protected] start C:\angular\free > tsc && concurrently "tsc -w" "lite-server" Error occured when executing command: lite-server Error: spawn /bin/bash ENOENT at exports._errnoException (util.js:1022:11) at Process.ChildProcess._handle.onexit (internal/child_process.js:189:19) at onErrorNT (internal/child_process.js:366:16) at _combinedTickCallback (internal/process/next_tick.js:102:11) at process._tickCallback (internal/process/next_tick.js:161:9) at Function.Module.runMain (module.js:607:11) at startup (bootstrap_node.js:158:16) at bootstrap_node.js:575:3 Error occured when executing command: lite-server Error: spawn /bin/bash ENOENT at exports._errnoException (util.js:1022:11) at Process.ChildProcess._handle.onexit (internal/child_process.js:189:19) at onErrorNT (internal/child_process.js:366:16) at _combinedTickCallback (internal/process/next_tick.js:102:11) at process._tickCallback (internal/process/next_tick.js:161:9) at Function.Module.runMain (module.js:607:11) at startup (bootstrap_node.js:158:16) at bootstrap_node.js:575:3 [1] lite-server exited with code -4058 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `tsc && concurrently "tsc -w" "lite-server" ` 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 ERR! A complete log of this run can be found in: npm ERR! C:\Users\usuario\AppData\Roaming\npm-cache\_logs\2017-07-04T23_00_17_153Z-debug.log

alexpaduraru
  • downloaded

@christian_zx24 thank you for using our product. Please open an issue on our github: https://github.com/creativetimofficial/material-dashboard-angular/issues and add all the details, your node version, what OS you have, the npm-debug file etc. In this way, we will be able to identify the bug. Best, Alex!
2 years ago

saint.ikki.phenix 2 years ago

I love your work! I'm thinking in getting the pro version. Is there anyway to create a resizable banner?

alexpaduraru
  • downloaded

@saint.ikki.phenix thank you for the kind words. Can you please give us more details about the resizable banner? How would that be? Best, Alex!
2 years ago

saint.ikki.phenix

Like currys(dot)co(dot)uk page, at width:1024px they put the buttons from the banner in the nav bar, and the nav bar content is in the menu button.
2 years ago

saint.ikki.phenix

and at 599px they hide the name of the buttons from the nav bar and they just show the icons
2 years ago

alexpaduraru
  • downloaded

@saint.ikki.phenix I think the best option would be to start with Material kit http://demos.creative-tim.com/material-kit/index.html and then add some hide/show classes for the text/icons using the utility classes from Bootstrap: http://getbootstrap.com/css/#responsive-utilities Hope this helps you. Best, Alex!
2 years ago

usmanspecial
  • downloaded
2 years ago

Hi i if i want to purchase a webpack version mean this admin panel is on system.js so i need webpackversion can you provide me ....? Admin panel is very nice thanks for this .....

alexpaduraru
  • downloaded

@usmanspecial thank you for your interest in our product. The PRO version is based on CLI which is coming by default with webpack. I just added it to your account, please check it and let us know if that is good for you. Then, you can get a license. Best, Alex!
2 years ago

abigail.armijo
  • downloaded
2 years ago

Hi! I don't see the sidebar component in the right of the template that is in the demo to change the scheme the colors and change the image of the menu

alexpaduraru
  • downloaded

@abigail.armijo we are using that just for demo purpose, please check our Demo on this branch: https://github.com/creativetimofficial/material-dashboard-angular/tree/herokuLinks and you will have access to that configurator. Best, Alex!
2 years ago

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