❤️ 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,227
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

r.wobben
  • downloaded
6 years ago

How can I take care that the right page is the active one in the menu. When I click on the menu now . The first one still is the active one ?

atmahamed
  • downloaded

@r.wobben Hi, Consider this is the navigation panel. <div class="sidebar-wrapper"> <ul class="nav"> <li id="lnkUserProfile"> <a href="/Home/MyProfile"> <i class="material-icons">person</i> <p>User Profile</p> </a> </li> </ul> </div> Add this in your html $(document).ready(function () { var url = document.URL; if (url.indexOf("Home/MyProfile) > 0 ) { $("#lnkUserProfile").addClass("active"); $("#anyotherlinkId").removeClass("active"); }});
6 years ago

r.wobben
  • downloaded

@atmahamed hmm, that will be a lot of if then , if you have for example 5 menu items.
6 years ago

atmahamed
  • downloaded
6 years ago

How do i change the textbox focus color to other colors? I see purple is the default..

r.wobben
  • downloaded
6 years ago

@atmahamed hmm, that will be a lot of if then , if you have for example 5 menu items.

r.wobben
  • downloaded

This one can be deleted.
6 years ago

atmahamed
  • downloaded
6 years ago

@axelut, How do i change the textbox focus color to other colors? I see purple is the default..

alexpaduraru
  • owner

@atmahamed please check the line 2834 from material-dashboard.css: https://imgur.com/a/G4jon Best, Alex!
6 years ago

paulkoduwa
  • downloaded
6 years ago

whats this template used for am a newbie

amer_g2003
  • downloaded
6 years ago

Thank you ... you help us

sergioolina
  • downloaded
6 years ago

Hello! I just downloaded the theme, but I really do not know how to add it to compile it with laravel mix, I love that all my projects only have one app.js and app.css so I do not know how to compile it, would you have a tutorial? Thank you very much...

alexpaduraru
  • owner

@sergioolina thank you for using our product. Unfortunately, we don't have experience with Laravel Mix, but maybe this tutorial will help: https://laravel.com/docs/5.5/mix Best, Alex!
6 years ago

kevinedaniya
  • downloaded
6 years ago

how to stick table header ? @axelut

mihailikoloff
  • downloaded
6 years ago

Hi, I want to try out the free version, so that we can evaluate buying the PRO one, but since I am new to angular and material I can't install the theme to our project. Its an ASP.NET MVC project which uses Angular 4 with Angular Material UI. So in the project folder we already have components, package.json etc. but I am not sure how to proceed so that I can add the styles of the theme and use them. Thank you.

shashidhar.s
  • downloaded
6 years ago

hi, how to add only icon side bar menu.

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