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

andrealoiaconobox 6 years ago

Hello, i am using angular only for a few days. Today I have installed all the necessary (by CLI) and imported this fantastic templete. I have the following error: Dashboard / home / home.component.ts (3.1): Import assignment can not be used when targeting ECMAScript 2015 modules. Consider using 'import * as ns from' mod '', 'import {a} from' mod '', 'import d from' mod '', or another module format instead. How can I fix it?

alexpaduraru
  • owner

@andrealoiaconobox thank you for using our product. We are working on a version that will be compatible with CLI and Angular 4 and it will be released in a couple of weeks. We will come with more details soon. Best, Alex!
6 years ago

andrealoiaconobox 6 years ago

I changed >>> es2016 in the src / tsconfig.app.json file <<< but now i do not see the charts and the side menu How can I fix it? TNX

alexpaduraru
  • owner

@andrealoiaconobox it seems you are on the right track, as we said in the other comment, we are working on a compatible version of the CLI and Angular4. If you want to contribute early on this please open a pull request here: https://github.com/creativetimofficial/material-dashboard-angular adding your changes. All the best, Alex!
6 years ago

will.aguilar
  • downloaded
6 years ago

Very nice admin panel

xlabz.webtest
  • downloaded
6 years ago

superb template yar

fisherjs
  • downloaded
6 years ago

Hi, can Material Kit Pro nicely integrate with Material Dashboard?

alexpaduraru
  • owner

@fisherjs your submission will be reviewed by somebody from our team and if it is looking nice, it will appear here: https://www.creative-tim.com/gallery/get-shit-done-pro and you will have a backlink from us to your website. Best, Alex!
6 years ago

alexpaduraru
  • owner

@fisherjs thank you for using our product. I will give you some examples of how the products should be used for the best optimization in terms of CSS and JS Libraries. 1. The Dashboard should be used for the Admin/CMS part of your website/startup. Here is where you control everything from the management part, where you see stats like http://demos.creative-tim.com/material-dashboard-pro/examples/dashboard.html about your products/users, where you edit/add/delete(http://demos.creative-tim.com/material-dashboard-pro/examples/tables/datatables.net.html) different items, etc. This is the control panel of your site. The Dashboard also includes the Login Page (http://demos.creative-tim.com/material-dashboard-pro/examples/pages/login.html), Register Page (http://demos.creative-tim.com/material-dashboard-pro/examples/pages/register.html) or Lock Screen Page (http://demos.creative-tim.com/material-dashboard-pro/examples/pages/lock.html) so you can use them to have the access to the Dashboard. 2. The UI Kit should be used for the part where you present your business. You can create with the kit the Landing Page (http://demos.creative-tim.com/material-kit-pro/examples/landing-page.html) of your startup/website, the Contact Us Page (http://demos.creative-tim.com/material-kit-pro/examples/contact-us.html) the Pricing Page (http://demos.creative-tim.com/material-kit-pro/examples/pricing.html) the About Us Page (http://demos.creative-tim.com/material-kit-pro/examples/about-us.html) etc. Or you can use this to create also your Blog (http://demos.creative-tim.com/material-kit-pro/examples/blog-posts.html), where you will keep in touch with your audience. You can also built your own pages with already made sections -> http://demos.creative-tim.com/material-kit-pro/sections.html If you create a SaaS, probably your users will have access to the Dashboard too, so they can control some items from there too. But you still need the UI kit for the presentation pages of your business. In this way, you will have the same design in the presentation and also in the Dashboard. The basic idea is that you should keep the products separate and not try to combine them because you will load your page with too much CSS and Javascript which are not necessary at the same time. Your user will be either on a Landing Page, or on the Admin Part. If you like for example 1 item from one product, like a Card, and it is not in the other product, you can check in the next example how to do that using the SCSS files. Hope this information helps. Best, Alex!
6 years ago

fisherjs
  • downloaded

@alexpaduraru Thank you so much for the explanation. I am more clear now what should do on the both product. Another question, what happen if I submit to the gallery?
6 years ago

bhavikkher
  • downloaded
6 years ago

@Owner and #all_Team_Members.....Its "Awesome" Mind Blowing.!!

richardh_90
  • downloaded
6 years ago

i like it, but i have a litte cuestion, how i instal this on my page, i use cpanel on a hosting, non wordpress or other cms, how i install this on a backend and how this works with my site! nice work

alexpaduraru
  • owner

@richardh_90 glad that you like it. It is a regular Bootstrap Template so any tutorial about Bootstrap will work fine. You can check this one: https://www.youtube.com/watch?v=LqvKlEf3qqM Best, Alex!
6 years ago

salman_zaibi15
  • downloaded
6 years ago

hi, Nice theme. But the pro version theme is different from Free theme. I want to use exact style that is used in FREE theme. I tried to koala to recompile and change it to purple color. But it didnt work. Please help

alexpaduraru
  • owner

Anonymous Tim thank you for using our product and sorry for the late response. Can you please let us know what style you want to change? The PRO contains everything that is in Free so there are high chances to change some classes and have the same style with the Free. Best, Alex!
6 years ago

mostafa.mohammadipanah
  • downloaded
6 years ago

Ty For theme :)

yyfs.games
  • downloaded
6 years ago

The icons do not work when I enter https on the site. Please help me. Thank you.

alexpaduraru
  • owner

@yyfs.games thank you for using our product. Please replace the "http" from the Google Fonts link (http://fonts.googleapis.com/css?family=Roboto:400,700,300|Material+Icons) with "https". Hope this helps. Best, Alex!
6 years ago

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