😍 Case Study: "How we built from scratch Light Bootstrap Dashboard" on one of the biggest publications on Medium: FreeCodeCamp.

Material Kit Pro

Premium Bootstrap UI Kit
· 4.90/5 (215 Reviews)


Premium Support
Lifetime Updates
Release: 1 year ago
Update: 6 days ago
Icon html
Icon sass
Icon photoshop
Icon bootstrap

1000 Handcrafted Components

7 Customized Plugins

11 Example Pages

Bootstrap Based


Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Kit Pro in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Components · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Components · 1000
  • Plugins · 7
  • Example Pages · 11
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Get Free Demo
Opt mk thumbnail

We are here to help you!

153 Web Developers commented on this product

Report issue

cern.cerne 7 days ago

Help me please

  • downloaded
5 days ago

Love this - thanks so much! Just a question - is the material dashboard designed to complement this kit? For example, if I download it will there be any conflicts between the styles in the two themes?

  • owner

Thank you for your interest in our products. Here is a quick presentation on how to use the products: 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. 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 for 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. Just follow the next steps, for the FileUpload Example: 1. You can get to material-kit/assets/sass/material-kit/_fileupload.scss and put it in the same folder structure to material-dashboard. 2. Compile again the assets/sass/material-dashboard.scss SASS using Koala http://koala-app.com/ (make sure you set the output path to assets/css/material-kit.css). 3. Move the library for the file upload from material-kit/assets/js/jasny-bootstrap.min.js to the same folder in material-dashboard and then everything should work fine in the Dashboard. Hope this description helps. Best, Alex!
2 days ago

fair.man 4 days ago

Can I use it like a CDN? (<link href="http://demos.creative-tim.com/material-kit-pro/assets/css/material-kit.css" rel="stylesheet">). Just i cant buy this now.

  • owner

@fair.man thank you for your interest in our product. Unfortunately, you cannot use it as a CDN because it is not a CDN. It is another server that we have and if it sees traffic from another source it will block it, so your website will not receive anything. Also, you cannot use it if you don't have a proper license. There is a message on top of the file which specifies this thing. Hope you understand the situation. We can offer you a coupon and you can pay in 2-3 steps while you get money. Is this ok for you? Best, Alex!
2 days ago

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

Why our customers appreciate us

Design Quality

Amazing work! Very organized code with awesome components and a beatiful design!!!

Design Quality

Fantastic Layout!

Design Quality

Nice product