❤️ Creative Tim Club - Access all our Present & Future Premium Products
Get Offer ×

Material Dashboard Angular

Custom development Preview Docs
Download PRO Version
Material Dashboard Angular Image
Docs
Creative Tim Club 🔥 Access to all our current and future products

Material Dashboard Angular

Free Bootstrap 4 Angular 14 Admin Template

· 4.90/5 (596 Reviews)

MIT License

Upgrade to PRO Free Download

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
163,350
Version
2.8.0
Changelog
view
Updated
1 year ago
Released
7 years ago
Reviews
See 596 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
Material Dashboard Pro Angular Image
Live Preview Upgrade to PRO

We are here to help you!

201 Web Developers commented on this product

Custom Development Discord Server

luíssiza.jó
  • downloaded
7 years ago

amazing

alexpaduraru
  • owner

Glad that you like it :D
7 years ago

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

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

alexpaduraru
  • owner

@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!
7 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! ;)
7 years ago

alexpaduraru
  • owner

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!
7 years ago

hernán.guaymás
  • downloaded

I'm using Google Chrome
7 years ago

ramprit550
  • downloaded
7 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
  • owner

@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!
7 years ago

aespoir
  • downloaded
7 years ago

very nice work thanks

alexpaduraru
  • owner

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

jay.bienaime
  • downloaded
7 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 zone.js@^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/common@^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/compiler@^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/core@^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/forms@^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/common@^2.1.2 npm ERR! peerinvalid Peer [email protected] wants @angular/common@^2.4.0

alexpaduraru
  • owner

@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!
7 years ago

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

I'm using Google Chrome in Windows

alexpaduraru
  • owner

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

deniss.kulakov
  • downloaded
7 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
7 years ago

am going to open issue on github with details

flashwizard
  • downloaded
7 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.
7 years ago

alexpaduraru
  • owner

@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!
7 years ago

alexpaduraru
  • owner

@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!
7 years ago

jaafar.belwidane
  • downloaded
7 years ago

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

alexpaduraru
  • owner

@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!
7 years ago

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

  1. Home
  2. All Templates
  3. Material Dashboard Angular

2,480,821 accounts

4,404,091 downloads

298 products

Join our newsletter

Your subscription could not be saved. Please try again.
Your subscription has been successful.

Company

Help and Support

Legal

Resources

© 2024 Creative Tim, all rights reserved. Made with for a better web.