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

Free Bootstrap 5 Material Design Admin

Product description


The most complex and innovative Dashboard Made by Creative Tim. Check our latest Freebie Bootstrap 5 Dashboard with a fresh, new design inspired by Google's Material Design 2.

Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps.

We created many examples for pages like Sign In, Notifications, Profile, and so on. Just choose between a Basic Design, an illustration, or a cover and you are good to go!

Fully Coded Elements

Material Dashboard 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes.

You will save a lot of time going from prototyping to full-functional code because all elements are implemented.
This Freebie Bootstrap 5 Dashboard is coming with prebuilt design blocks, so the development process is seamless,
switching from our pages to the real website is very easy to be done.

View all components here.

Documentation built by Developers

Each element is well presented in very complex documentation.

You can read more about the documentation here.

Example Pages

If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.

View example pages here.

HELPFUL LINKS

Other versions

Bootstrap 4 - Material Kit BS4

Special thanks

During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

  • Bootstrap 5- Open source front end framework

  • Popper.js - Kickass library used to manage poppers

  • Nepcha Analytics for the analytics tool. Nepcha is already integrated with this template. You can use it to gain insights into your sources of traffic.

Product certified by: Creative Tim
Material Dashboard 2 - Fully Coded and Responsive HTML5
Material Dashboard 2 - Sass Files for Professional Front End Developers
Material Dashboard 2 - Crafted with Bootstrap - the most popular Front End Framework
Material Dashboard 2 - Figma Files for Professional Designers
Downloads
389,245
Version
3.1.0
Changelog
Updated
10 months ago
Released
7 years ago
Star
Handcrafted Elements
70
Customized Plugins
2
Example Pages
9
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Material Dashboard 2 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 70 300
Plugins 2 15
Examples Pages 9 54
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

321 Web Developers commented on this product

randi2160
  • downloaded
7 years ago

i need help to integrate this with my rails application.... can i get assistance with this? i am willing to purchase your time as well

alexpaduraru
  • owner

@randi2160 thank you for using our product. Please follow the explanation from point 2 from this answer: https://www.quora.com/What-is-the-best-way-to-integrate-bootstrap-theme-template-to-ruby-on-rails/answer/Alexandru-Paduraru-2 Best, Alex!
7 years ago

gordan
  • downloaded
7 years ago

Hi, great looking stuff! A problem/question: Focused textareas don't have the bottom border coloured like other input fields. The problem is visible in this template but in other material ones as well. Is this something that'll be fixed in the next release?

gordan
  • downloaded

It's only like that in the demo. Works great in the downloaded files. So semi-false alarm :)
7 years ago

alexpaduraru
  • owner

@gordan thank you for the information. We will do some further checks to see why this issue is on demo and not on the archive and come back with an explanation. Thank you for pointing out. Best, Alex!
7 years ago

rodrigo_s.oliveira
  • downloaded
7 years ago

Thank You

rootthv
  • downloaded
7 years ago

Hi, do you have plan to integrate "WebPack" or "StealJS" to have dynamic JS/CSS loading and only have to deal with one .JS file (ie: application.min.js) on the HTML page ?

alexpaduraru
  • owner

@rootthv thank you for using our product. Till now we didn't think at that, but we are taking this into consideration if that is helping our users develop and maintain better the application that they are creating. Do you have any examples of templates/dashboards which contain WebPack or stealJs? Best, Alex
7 years ago

tranphita
  • downloaded
7 years ago

Hi. how to fixed-plugin appears as such in the demo? I do not find fixed-plugin ?

alexpaduraru
  • owner

@tranphita thank you for using our product. The fixed-plugin is used only in the demo so you can see how the product is working and to have the buttons to download/share it. We thought that you don't need those buttons in your dashboard, that's why it is not included in the archive. We just sent you an example with the archive with fixed-plugin on email, please check it there. Best, Alex!
7 years ago

mateusz.kilinski
  • downloaded
7 years ago

Hey! It is possible to integrate this dashboard UI with datatables.net plugin? That would be great!

mateusz.kilinski
  • downloaded

Oh... It is but in PRO version... :)
7 years ago

alexpaduraru
  • owner

@mateusz.kilinski you've got it. You can either integrate it on your own and build the design from the current SASS, or get the upgrade to PRO which has already built everything. Please let us know if we can help you with anything else. Best, Alex!
7 years ago

suraj.rawat
  • downloaded
7 years ago

thank u guys serious great work, i need that type of dashboard nd it is ausomee...

elonesampaio
  • downloaded
7 years ago

thank u brothers

jc.arnouil
  • downloaded
7 years ago

Dear Creative Tim Team ;) Is't a long time that I love your work (your graphic design is awesome, gorgeous, perfect ! ) and I'm now starting using Material-Dashboard Free for a project. (I'll surely buy Pro version soon .. ) I need to display JSON data into a table. I've tried to use the Bootstrap Table library, but I loose all the style of your theme. Have you an exemple using a JSON query ? (using $.getJSON ()) Many thanks in advance ! (and already for all the great free stuff you offer us !) - Jean-Claude

alexpaduraru
  • owner

@jc.arnouil thank you for using our product. We are glad that you like it :D To have the same style for new components you need to either manually create that style or get the PRO, which includes the style for datatables like DataTable.net library (http://demos.creative-tim.com/material-dashboard-pro/examples/tables/datatables.net.html). DataTables.net is more complex than Bootstrap Table library and is having a very well written documentation. Here are some stackoverflow answers on how to work with Bootstrap Table and JSON and Ajax: http://stackoverflow.com/questions/33247486/bootstrap-table-json-from-ajax and here is an example with the DataTables.net JSON and Ajax: https://datatables.net/examples/data_sources/ajax.html. Please let us know if we can help you with anything else. Best, Alex!
7 years ago

jc.arnouil
  • downloaded

Dear Alex, thanks for the help. I already took a look at DataTables.net and it looks promising. On another subject, I found a bug with Datetime Picker on the Material-Dashboard-Pro demo .. may you take a look ? https://github.com/creativetimofficial/material-dashboard-pro/issues/22 All the bests. - Jean-Claude
7 years ago

alexpaduraru
  • owner

@jc.arnouil got it! We will take care of that issue today and will give there a solution for the problem with the DateTimePicker. You will receive a notification from GitHub when we add the solution. Thank you!
7 years ago

phackwer
  • downloaded
7 years ago

Hey, man, great theme! I wonder if I can use it to distribute an open source AngularJS skeleton I created for modular loading. I need a theme, and, of course, I could just use plain bootstrap, but it would be better if I could use yours. Is that ok?

alexpaduraru
  • owner

@phackwer thank you for working with our product. Yes, you can do that if you will write somewhere that your project was built using Material Dashboard and a link to our website. You can also check the Material Dashboard Angular, we just released it. Please let me know if this is fine for you. Best, Alex!
7 years ago

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