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
1 year ago
5 years ago
Handcrafted Elements
Customized Plugins
Example Pages
Community Support
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
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

  • downloaded
1 year ago

after download its not show as like demo or in live privew . in side bar only dashbord button are show all other thing are disappear

  • owner

Hello @nabeelrehaman , thank you for your interest in working with our products, probably you opened the "template" file. Please check the 'example' folder for the other pages. All the best, Stefan
1 year ago

mariammar 1 year ago

how to start?

  • owner

Hello @mariammar , thank you for your interest in working with our products. Please check our documentation: https://demos.creative-tim.com/material-dashboard/docs/2.1/getting-started/build-tools.html Best, Stefan
1 year ago

  • downloaded
4 months ago

Hola, ¿cómo hago para visualizar las páginas que coloqué en los item en el centro?

  • owner

Hola, gracias por usar nuestros productos, por favor bríndenos más detalles sobre su pregunta. Todo lo mejor, Stefan
4 months ago

  • downloaded
2 months ago

hey can anyone tell me how can I obtain the kit of this design in Figma..?

  • owner

Hello @sriubhashathuri , thank you for your interest in working with our products. You can find the Material Kit design files for Figma, here: https://demos.creative-tim.com/material-kit-figma/presentation.html All the best, Stefan
2 months ago

  • downloaded
1 month ago


  • downloaded
1 month ago

how do change this to dark theme

  • downloaded

Hi @prabhatabu and thank you for working with our products! Unfortunately, the Free version of Material Dashboard does not contain the dark mode. We include it just in the Pro version. Thank you, Rares!
1 month ago

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