Material Kit: Free Bootstrap 4 Material Design UI Kit @ Creative Tim

Free Bootstrap 4 Material Design UI Kit

Product description

Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project.

Material Kit makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.

This new design has elements that have been the result of research regarding ink and paper and the way objects and materials interact in real life. The result is a beautiful and consistent set of elements that can get you started with your next project. Material Kit is a great tool if you are looking to create a web presence for your Android application and need to be consistent, leaving the impression of visually similar elements. It is also a great resource in its own right, looking gorgeous and helping you build your web pages.

Material Kit is based on the Github Repo from Fez (http://fezvrasta.github.io/bootstrap-material-design/) who did an amazing job creating the backbone for the material effects, animations and transitions. Big thanks to his team for their forward thinking efforts.

Current version 2.0.4 See updates and changelog

We are here to help you!

237 Web Developers commented on this product

Report issue

hericksonn

downloaded

8 months ago

How can I use Material Kit with Angular 2. There´s a tutorial to help me?

tomislav.borić

downloaded

Unfortunately I think you need Angular 2 template for fresh start.

8 months ago

dragosct

downloaded

Hi, @hericksonn ! Thank you for using our product. We will migrate the material kit on Angular soon and will be available for download. We don't know the exact date. Regards, Dragos

8 months ago

srihari.vp

downloaded

8 months ago

The Bootstrap 4 version doesn't work well with IE 11. The Navbar is not centered and the navbar-right goes to a new line.

dragosct

downloaded

Hi, @srihari.vp ! Thank you for your observation. We will fix this issue soon. Regards, Dragos

8 months ago

srihari.vp

downloaded

@dragosct Also, the SCSS files contain import statements for pro (which are not bundled in the free version) and breaks build on Angular.

8 months ago

dragosct

downloaded

Hi, @srihari.vp ! Yes, we know that and already we are working to fix this and we will make an update. Regards, Dragos

8 months ago

mycyberweb

downloaded

8 months ago

Hi. How add to navbar logo image?

dragosct

downloaded

Hi, @mycyberweb ! Thank you for using our product. Please see this link to see how to add logo image: https://github.com/creativetimofficial/material-kit/issues/107. Regards, Dragos

8 months ago

matthewallenahern

downloaded

8 months ago

Is this able to be displayed to the public?

dragosct

downloaded

Hi, @matthewallenahern ! Thank you for using our product. This product is under the MIT License. Please read this https://opensource.org/licenses/MIT. Regards, Dragos

8 months ago

quetaylor

downloaded

8 months ago

Will there be a UI Kit for react coming soon? I could probably figure out how to just use these component here in a react app but I want to know if a react build will be coming.

dragosct

downloaded

Hi, @quetaylor ! Thank you for using our product. Yes, the product will be available also on React but for the moment I don't know to tell you an exact date, but for sure will be available in the next period. Regards, Dragos

8 months ago

pavi2410

downloaded

8 months ago

Markdown generated HTML doesn't look good. Can you fix that? For eg, blockquotes

dragosct

downloaded

Hi, @pavi2410 ! Thank you for using our product. Please, can you be more specific about the problem? Regards, Dragos

7 months ago

leonnelessi

downloaded

7 months ago

I'm very greatfull

guruin 7 months ago

Is there a rails gem version of Material Kit Pro? I found this on GitHub and the project appears to be idle and it's not the pro version.

dragosct

downloaded

Hi, @guruin ! Thank you for using our product. We don't use ruby on our products. The Material Kit PRO is available to buy only in HTML for the moment. Regards, Dragos

7 months ago

yashpatel154

downloaded

7 months ago

Is it possible to add more brand-"colors" in the _brand.scss file or are we only limited to 6 pre-defined values?

dragosct

downloaded

Hi, @yashpatel154 ! Thank you for using our product. You can add what color and how many colors that you want in the _brand.scss file. You can customize like you want. Regards, Dragos

7 months ago

yashpatel154

downloaded

Hey @dragosct , so I added a new brand color called: $brand-black: #000000; Then I included a nav bar in my file and within the class of the nav bar, I included bg-black instead of primary. But nothing changed. So yeah going back to my question, even after adding and compiling the scss file, I am not able to use the new brand color on any of the components. Please help!! Thanks

7 months ago

dragosct

downloaded

Hi, @yashpatel154 ! You are sure that you have the same name of the variable that you declared in the variables? Regards, Dragos

7 months ago

grozdan96

downloaded

7 months ago

Hi, I am using material_kit_free_v.1.1.1, but I would like to use the carousel which is auto_sliding and it has arrows to the left and right from the new version. The classes and id's are different, why is that when you use in both of the versions Bootstrap 4 and how can i make it work?Any tutorial would be great! Thanks!

dragosct

downloaded

Hi, @grozdan96 ! Thank you for using our product. The carousel have the same style like in the BS3 version but it's a new carousel that works only with BS4, the javascript is a new one from bootstrap so if you just change the id's and classes will still not work, but you can make it autoslide with an option please see this link: https://getbootstrap.com/docs/3.3/javascript/#carousel Regards, Dragos

7 months ago

« 1 2 … 15 16 17 18 19 20 21 22 23 24 »

Login with

Material Kit

Material Kit

Free Bootstrap 4 UI Kit

88,994 Downloads

237 Comments

Regular Support

Lifetime Updates

Release: 2 years ago

Update: 3 months ago

Free Bootstrap 4 Material Design UI Kit

Product description

Product certified by: Creative Tim

Upgrade to PRO Version

What is in Demo?

What is in PRO Version?

We are here to help you!

237 Web Developers commented on this product

hericksonn downloaded 8 months ago

tomislav.borić downloaded

8 months ago

dragosct downloaded

8 months ago

srihari.vp downloaded 8 months ago

dragosct downloaded

8 months ago

srihari.vp downloaded

8 months ago

dragosct downloaded

8 months ago

mycyberweb downloaded 8 months ago

dragosct downloaded

8 months ago

matthewallenahern downloaded 8 months ago

dragosct downloaded

8 months ago

quetaylor downloaded 8 months ago

dragosct downloaded

8 months ago

pavi2410 downloaded 8 months ago

dragosct downloaded

7 months ago

leonnelessi downloaded 7 months ago

guruin 7 months ago

dragosct downloaded

7 months ago

yashpatel154 downloaded 7 months ago

dragosct downloaded

7 months ago

yashpatel154 downloaded

7 months ago

dragosct downloaded

7 months ago

grozdan96 downloaded 7 months ago

dragosct downloaded

7 months ago

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

Sharing is caring!

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

great design!

Join our newsletter and receive weekly news!

Creative Tim

Proud of

558,100 accounts

989,419 downloads

124 sponsored events

Help and Support

Latest News

hericksonn

downloaded

8 months ago

tomislav.borić

downloaded

dragosct

downloaded

srihari.vp

downloaded

8 months ago

dragosct

downloaded

srihari.vp

downloaded

dragosct

downloaded

mycyberweb

downloaded

8 months ago

dragosct

downloaded

matthewallenahern

downloaded

8 months ago

dragosct

downloaded

quetaylor

downloaded

8 months ago

dragosct

downloaded

pavi2410

downloaded

8 months ago

dragosct

downloaded

leonnelessi

downloaded

7 months ago

dragosct

downloaded

yashpatel154

downloaded

7 months ago

dragosct

downloaded

yashpatel154

downloaded

dragosct

downloaded

grozdan96

downloaded

7 months ago

dragosct

downloaded