Material Dashboard

Free Bootstrap 4 Material Admin
· 4.90/5 (693 Reviews)

MIT License

108,203 Downloads
237 Comments
Community Support
6 months Updates
Release: 2 years ago
Update: 2 days ago

60 Handcrafted Components

2 Customized Plugins

3 Example Pages

Product certified by: Creative Tim

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?
  • Components · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Components · 200
  • Plugins · 15
  • Example Pages · 27
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

237 Web Developers commented on this product

Report issue

johcd
  • downloaded
7 months ago

yep

ansierras
  • downloaded
7 months ago

@dragosct if you try both this kit and the pro version in an iPad or an iPhone, the scrolling of the pages via the touchscreen is really bad. Does not feel natural and is different to all other scrollings in other sites or apps. Plus, it is very buggy and sometimes it doesn't scroll well through the page.

dragosct
  • downloaded

Hi, @ansierras ! Thank you for using our product. I just test it and the scroll is working fine on our side, but please can you show us a video or something? Regards, Dragos
7 months ago

ravindera9m
  • downloaded
7 months ago

Hi guys, Great product! Just had a question, how can I go about implementing material components with this dashboard? I have imported the required material modules to the app.module.ts file but when I add <mat-form-field> etc. to a html file I get the following error: 'mat-form-field' is not a known element

dragosct
  • downloaded

Hi, @ravindera9m ! Thank you for using our product. From what I noticed you have a problem with the material dashboard angular, right? Regards, Dragos
7 months ago

goutham.tou
  • downloaded
7 months ago

Great work on the UI/UX for the theme guys!! Cheers!! @alexpaduraru @dragosct I'm using the template for an admin dashboard for a python/djnago project. and i'm facing one specific 'css' issue which i'm not able to figure out. *amateur query* * i'm trying to use a 1:1 square logo on the top section within the Side-bar (Where it says "CREATIVE TIM"). * My sidebar currently has 12 menu items. * When i put a 1:1 image, bigger than the text (lets say a 200x200 pixel image), it moves the side-bar-nav-menu towards the bottom, and the lowermost menus disappear from the page. * i tried using overflow=auto for that div, to have a scroll bar for the side bar menu, but no luck. Could you please guide me on: 1. Having the scroll bar JUST for the menu-sidebar without affecting other components within the webpage. Please let me know your email ID in case you will require screenshots/images for the same. Thanks in advance.

dragosct
  • downloaded

Hi, @goutham.tou ! Thank you for using our product and sorry for the late response. Please open an issue on this link https://github.com/creativetimofficial/material-dashboard/issues and give us some images. Regards, Dragos
7 months ago

thank
  • downloaded
7 months ago

Simple - Perfect!

kaaliyahaaafadauuljaan
  • downloaded
7 months ago

amzing wow! cool

kaveboryf
  • downloaded
7 months ago

In the free version i see the css login-page but why is it not working the way in the pro version?

dragosct
  • downloaded

Hi, @kaveboryf ! Thank you for using our products. Yes, that code will not work because this is the free version and we don't have in the free version example pages. In the next update that code will be removed. Regards, Dragos
7 months ago

rajeshawant
  • downloaded
7 months ago

Hello Support, I can't able to apply auto scroll on app by using #id or JS. Even when I find some word in browser (ctrl + F) page not scroll to that word. Can you please help me with this? Thank You

dragosct
  • downloaded

Hi, @rajeshawant ! Thank you for using our product. Did you want to be able to click on something and the scroll to go to the target element? Regards, Dragos
7 months ago

rajeshawant
  • downloaded

Yes.. Exactly.
7 months ago

dragosct
  • downloaded

Hi, @rajeshawant ! You can look at this link https://stackoverflow.com/questions/6677035/jquery-scroll-to-element. Hope this will help you. Regards, Dragos
7 months ago

rajeshawant
  • downloaded

Hi, @dragosct Thanks for ref url but unfortunately it's not working. I think there is an issue with above script for this particular theme. Can you please implement same script on this app from your end. Thank You !!
7 months ago

rajeshawant
  • downloaded

Hello @dragosct , any solution??
7 months ago

dragosct
  • downloaded

Hi, @rajeshawant ! It's not an issue with the theme if you will look to material kit product at this link https://demos.creative-tim.com/material-kit-pro/sections.html#headers you will see that we have exactly the same thing when you open the menu on responsive mode and you click on a button from sections. Regards, Dragos
7 months ago

dragosct
  • downloaded

Hi, @rajeshawant ! Please be more specific on what product did you use, because you are commenting on Material Dashboard Free HTML and you said that the problem is with Material Dashboard PRO Angular 2? Regards, Dragos
7 months ago

rajeshawant
  • downloaded

@dragosct It's may be working on https://demos.creative-tim.com/material-kit-pro/sections.html#headers, but not working on Material Dashboard Pro Angular 2 theme. I've tried by many different ways but not working. Need Support!!
7 months ago

rajeshawant
  • downloaded

Sorry @dragosct , but i've purchased Material Dashboard PRO Angular 2, so should I write same issue in Material Dashboard PRO Angular 2 comment section?
7 months ago

dragosct
  • downloaded

Hi, @rajeshawant ! Yes, please comment our problem on the page with the product that you use and there a colleague of mine will help you. Regards, Dragos
7 months ago

eddy_2207
  • downloaded
7 months ago

Hi guys, when calling the index page i get : "Uncaught TypeError: $(...).perfectScrollbar is not a function" Js inclusion order is: jquery, pepper, bootstrap-material-design, perfect-scrollbar, arrive, bootstrap-notify, chartist, demo, material-dashboard Can you please help me with this? Thank You

dragosct
  • downloaded

Hi, @eddy_2207 ! Thank you for using our product. Please give us the link of your product to see what happened there. Regards, Dragos
7 months ago

subscriber2016 7 months ago

Hi, love your site and products! I'm using smartystreets api for address verification and it has an autosuggestion div that is getting set to display:none by something in the material kit pro template. I have a link to show you what I mean. I just need to know what part of the code is conflicting with it so I can fix. Get back to me and I can send link thanks!

dragosct
  • downloaded

Hi, @subscriber2016 ! Thank you for using our products. Please, give us the link to see. Regards, Dragos
7 months ago

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