Happy 8 years of Creative Tim! Celebrate with our Anniversary Bundle 🎉

Material Dashboard

Free Bootstrap 4 Material Admin

· 4.90/5 (1170 Reviews)

MIT License

Free Bootstrap 4 Material Design Admin

Product description


Material Dashboard 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 4 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

Material Dashboard 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. We developed it based on your feedback and it is a powerful bootstrap 4 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 - Fully Coded and Responsive HTML5
Material Dashboard - Sass Files for Professional Front End Developers
Material Dashboard - Crafted with Bootstrap - the most popular Front End Framework
Downloads
283,047
Version
2.1.2
Changelog
Updated
1 year ago
Released
5 years ago
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. 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 300
Plugins 2 15
Examples Pages 3 54
Full Coded
Documentation
SASS Files
Photoshop Files
Sketch Files
Premium Support

We are here to help you!

316 Web Developers commented on this product

Github Docs Knowledge Center Custom Development

tonyp 2 years ago

Hi Stefan, Tried this but it still opens on hover. Hello @tonyp, thank you for using our products, you have to set 'class="sidebar-mini"' for the <body> tag to have the sidebar minified. To stop expanding on hover, you have to delete the properties from the line 531 from "_sidebar-and-main-panel.scss". Hope that information helps you. Please let us know if we can help you with anything else. All the best, Stefan

moldovanst
  • owner

Hello @tonyp, I will ask you to send us your orderID to make a few verifications. All the best, Stefan
2 years ago

abdurochim
  • downloaded
2 years ago

best template ever

moldovanst
  • owner

Hello @abdurochim , thank you for using our products and for your kind words. All the best, Stefan
2 years ago

dinmukhamedezekbayev
  • downloaded
2 years ago

woooooow guys, It's so wonderful design, shit. Can I work in your team for free, it's so amazing design ever seen for me :-)

moldovanst
  • owner

Hello @dinmukhamedezekbayev , thank you for using our products and for your nice words. We'll keep in touch, I will talk with my colleagues about this. All the best, Stefan
2 years ago

samiakhan8300
  • downloaded
2 years ago

Hey there i am having trouble if i add collapse link on sidebar the sidebar panel rail does not trigger automatically first you have to use mouse to make it work is there any souloution ??

moldovanst
  • owner

Hello @samiakhan8300 , thank you for using our products, I understand that you need a multilevel collapse inside the sidebar, right? You will find this feature in the PRO version in Components > Multi Level Collapse. Hope this information helps you. All the best, Stefan
2 years ago

ahmadafique2
  • downloaded
1 year ago

is it possible to trigger side-nav hamburger button on laptop and larger screen also how to do it??

moldovanst
  • owner

Hello @ahmadafique2 , thank you for using our products, to have the sidebar hidden on the large screen, you have to modify the @media breakpoints that trigger this behaviour from 991px to a larger screen. Best, Stefan
1 year ago

zkppzk
  • downloaded
1 year ago

Hello, Can this template be implemented in an existing asp.net core mvc application?

zkppzk
  • downloaded

I meen pro version.
1 year ago

moldovanst
  • owner

Hello @zkppzk , thank you for your interest in working with our products, yes, you can integrate this product into your project. All the best, Stefan
1 year ago

zkppzk
  • downloaded

Hello @moldovanst ,Can you help me how to do this? Thanks!
1 year ago

moldovanst
  • owner

I have sent you an email with details. Best, Stefan
1 year ago

nubiarodriguess
  • downloaded
1 year ago

Hello, it might be silly but what do you use in those purple lines under the forms inputs? Is it JavaScript? Tried to search but I couldn't find where you created it. By the way, beautiful design!!!

moldovanst
  • owner

Hello @nubiarodriguess , thank you for using our products, on this product we have used Bootstrap Material Design toolkit (https://fezvrasta.github.io/bootstrap-material-design/). You can see here that it's already created. All the best, Stefan
1 year ago

tiagofur
  • downloaded
1 year ago

I am using the free version and does not work the Dropdown menu. the procedure i am doing is in the default template i am copying the documentation navbar. However in the documentation works the dropdown menu correctly.

moldovanst
  • owner

Hello @tiagofur , thank you for using our products, we just reproduced the issue with the dropdown (by copying the documentation one: https://demos.creative-tim.com/material-dashboard/docs/2.1/components/dropdowns.html) but it works just fine in the project. Please share with us a link to your project. Best, Stefan
1 year ago

elimsude
  • downloaded
1 year ago

Big Thanks for this Awesome templates :)

moldovanst
  • owner

Hello @elimsude , thank you for using our products and for your feedback. All the best, Stefan
1 year ago

saeedmsaeed923
  • downloaded
1 year ago

So nyccc Template design awesome i like this .......

moldovanst
  • owner

Hello @saeedmsaeed923 , thank you for your interest in working with our products and for your good thoughts. All the best, Stefan
1 year ago

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