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

Free Bootstrap 5 Material Design UI Kit

Product description


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

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

We created many examples for pages like Sign In, Contact Us, 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 Kit 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 Design System 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 Kit 2 - Fully Coded and Responsive HTML5
Material Kit 2 - Sass Files for Professional Front End Developers
Material Kit 2 - Crafted with Bootstrap - the most popular Front End Framework
Material Kit 2 - Figma Files for Professional Designers
Downloads
188,162
Version
3.0.4
Changelog
Updated
10 months ago
Released
8 years ago
Star
Handcrafted Elements
60
Customized Plugins
2
Example Pages
4
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Material Kit 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 60 300
Plugins 2 5
Examples Pages 4 54
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

283 Web Developers commented on this product

gboom.g
  • downloaded
6 years ago

"© 2017 Creative Tim, all rights reserved". Does the MIT license mean that I add the quoted line to all my projects made with free templates from creative tim? @alexpaduraru

alexpaduraru
  • owner

@gboom.g thank you for using our product. No, you can remove that as long as you keep our copyright in material-kit.css and material-kit.js. Best, Alex!
6 years ago

gaurang.vasava
  • downloaded
6 years ago

Hii great work... But header tags are not responsive in mobile view... Is there any fix?

alexpaduraru
  • owner

@gaurang.vasava thank you for using our product. Can you please open an issue on our github: https://github.com/creativetimofficial/material-kit/issues giving us all the details and print screens showing the issue? Then we will give you a fix, at this moment we didn't really understand what is the problem. Best, Alex!
6 years ago

fair.man
  • downloaded
6 years ago

Hello, how i can change primary color? I try changw in variables.sass and colors.sass, but its again purple.

alexpaduraru
  • owner

@fair.man please make sure you compile the scss/material-kit.scss with the output set to css/material-kit.css using a compiler like Koala (http://koala-app.com/). Let us know if that was working. Best, Alex!
6 years ago

kalimuthu.pandian
  • downloaded
6 years ago

Is it possible to get the whole package in HTML5 and CSS files without Jquery?

alexpaduraru
  • owner

Anonymous Tim thank you for using our product. No, we are using Bootstrap at the base of the product, which is built on top of jQuery. Hope this information helps. Best, Alex!
6 years ago

designer2911 6 years ago

I am new to web development and I really appreciate your work. Your templates are very creative and awesome.

regisantoniosouza
  • downloaded
6 years ago

Hi, first of all, the components are amazing! However, I am getting an issue: - I am developing using C#, and when I load the page for the first time, everything load right, but when I load for the second time using ajax (replacing only the content), the CSS has not been applied. The final HTML is 100% right. Do you have any suggestions how to solve it?

alexpaduraru
  • owner

@regisantoniosouza thank you for using our product. For Ajax dynamic content please add the arrive.js library as it is explained in the original framework documentation: https://github.com/FezVrasta/bootstrap-material-design#arrivejs-support Hope this helps. Best, Alex!
6 years ago

mathausvilanova
  • downloaded
6 years ago

First of all, I would like to thank you for share these amazing components with us! So, let me ask you something, can I use the free material kit to build my websites and publish them? What do I need to put on copyrights terms? Thank you!

alexpaduraru
  • owner

@mathausvilanova thank you for the kind words, yes you can do that. You don't have to add our copyright on the HTML, just keep it in the CSS and JS files but we would appreciate if you add a link to the product on your website's description or github's repo. Best, Alex!
6 years ago

juniorlinn
  • downloaded

iooo
6 years ago

rwarwema 6 years ago

Where can i find a walkthrough on how to integrate this(material Kit and Material dashboard) on my current projects?

alexpaduraru
  • owner

@rwarwema thank you for using our product. Please check the documentation of both products to see the components that are available and also this tutorial on how to work with a dashboard: https://www.youtube.com/watch?v=c3M3NQtFyqM&t=10s. The tutorial is from LBD Free, but it has the same structure as Material Dashboard. Hope this helps. Best, Alex!
6 years ago

shokri177
  • downloaded
6 years ago

i was just experimenting !!!!!

jacklaytonmoody
  • downloaded
6 years ago

@alexpaduraru Is there a way to easily implement this on a rails application (like a gem so that I don't have to use a bootstrap gem in addition to adding this?) Any help would be greatly appreciated. Also wondering if there is a student discount?

alexpaduraru
  • owner

Anonymous Tim thank you for your interest in working with our product. We sent you an email with more details about the Rails gem and student discount. Best, Alex!
6 years ago

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