โค๏ธ 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
163,408
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!

201 Web Developers commented on this product

spam6xn
  • downloaded
7 years ago

Thanks for your amazing template! Are there any plans to make a angular-cli version? Unfortunately, I could not make it run with cli as there are conflicts with jquery :-(

alexpaduraru
  • owner

@spam6xn thank you for getting our product. Yes, we are working on a CLI version for Light Bootstrap Dashboard, then we will migrate Material Dashboard too. Stay tuned, we will announce when they are ready. Best, Alex!
7 years ago

alves.wm
  • downloaded
7 years ago

Hey thanks for this awesome template. I'm using it to study Angular and it's very exciting to have a good-looking project! One question that I'm trying to figure it out for days: how do I build for production? Thanks in advance

alexpaduraru
  • owner

@alves.wm thank you for using our product. We are glad that you like it. For production please check our production files and how we set the server, we are using Heroku to host the application: https://github.com/creativetimofficial/material-dashboard-angular/blob/herokuLinks/package.json you will see there is a different way to start the project. Please let us know if we can help you with anything else. Best, Alex
7 years ago

vegita_951
  • downloaded
7 years ago

Hello, I have a problem when I access pages not execute document ready from ngOnInit in the script function $getScript Can you help me please?

alexpaduraru
  • owner

@vegita_951 thank you for using our product. Unfortunately, we didn't understand what is the problem, can you please open an issue on Github: https://github.com/creativetimofficial/material-dashboard-angular/issues and give us all the details of the problem, what you want to achieve, what you expected and didn't happened, what browsers you have and what OS. This is the only way we can replicate the bug on our system and give you a solution. Best, Alex
7 years ago

cerokool32
  • downloaded
7 years ago

is there any way to create a clean production distribution?

alexpaduraru
  • owner

@cerokool32 thank you for using our product. Can you please give us more details about the clean production distribution? Something like how it is set in the CLI version: https://github.com/tiniestory/ng-admin? Best, Alex!
7 years ago

cerokool32
  • downloaded

here you can find some info about this option: https://www.npmjs.com/package/angular-cli go to "Build Targets and Environment Files" section is just to create a clean dist (no ts or scss file for a clean production deployment)
7 years ago

alexpaduraru
  • owner

@cerokool32 that's great! Thank you! We will check it and see how we can improve our product. Best, Alex!
7 years ago

anurag.v
  • downloaded
7 years ago

Awesone

metaflux
  • downloaded
6 years ago

Great template

maliksab900
  • downloaded
6 years ago

Is there any one who can help me to use this product? firstly I wanted to know how it works ? How can I make my admin dashboard and then map the insert and pull button which updates data and makes graphs?

alexpaduraru
  • owner

@maliksab900 thank you for using our product. First, you need to follow the documentation (folder documentation) to see how to start the product and what components are available inside. Then you need to learn some basic Angular 2 to see how it is working and how you can link items from the database and flows: http://www.angular2.com/. More about the graphs can be found in the original documentation: https://gionkunz.github.io/chartist-js/examples.html Hope this will help you! Good luck with learning and development. Best, Alex!
6 years ago

maliksab900
  • downloaded
6 years ago

hi @alexpaduraru , Thank you for your help but that would more good if you share any video tutorial to start as I am new so, but still very much interested and willing to start work on it.

born2code
  • downloaded
6 years ago

Thanks for lovely template ! I have problem with charts control as the sample is using default javascript data and calling to file happening in HTML file. I am trying to integrate same charts with typescript using angular2 and facing issue. Do you have any sample where we can pass dynamic data to charts and use them?

alexpaduraru
  • owner

@born2code thank you for using our product. We are in the process of moving all the calls from HTML to Typescript, till then, please check how the libraries are called in the Light Bootstrap Dashboard Angular CLI: https://github.com/bonnici/light-bootstrap-dashboard-angularcli Please let us know if that was helpful. Best, Alex!
6 years ago

born2code
  • downloaded
6 years ago

Thanks Alex for providing the link ! i am trying to integrate the notification service as provided in the link above in my app and couldn't succeed. I have posted my problem here as well. - http://stackoverflow.com/questions/43729061/notify-is-not-a-function-using-typescript . Wondering if you guys could offer help here? Thanks !

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