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.2 See updates and changelog

We are here to help you!

205 Web Developers commented on this product

Report issue

moeidsaleem

downloaded

11 days ago

I would like to know if i can use Material UI and Material Dashboard together?

dragosct

downloaded

Hi, @moeidsaleem ! Thank you for using our product. We don't recommend you to combine the material kit with material dashboard, but if you want you can try with the following steps: 1. You can go 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. Please let us know if we can help you with anything else. Regards, Dragos

8 days ago

ranpardz21..

downloaded

6 days ago

I have this navbar-brand: <a href="/" class="navbar-brand">Some<span class="text-rose">Word</span></a> can anyone help me how to remove the on click animation? I just want it to be a plain text on any state - hover, active, focus. Thanks a lot.

moldovanst

owner

Hello @ranpardz21.. , thank you for using our product, that animation is from Material Design (bootstrap-material-design.js), if you want to remove it, you have to set "display: none;" for the "ripple-container" div that is inside of the <a class="navbar-brand"... >Some</a>. Best, Stefan

4 days ago

jpegamesqq

downloaded

5 days ago

Download error!

moldovanst

owner

Hello @jpegamesqq , thank you for using our template, it was a problem with our platform but we fixed it; please try to download again. Best, Stefan

4 days ago

lucianom99

downloaded

5 days ago

The download is bad! <Error> <Code>AuthorizationQueryParametersError</Code> <Message> Error parsing the X-Amz-Credential parameter; the region 'eu-east-1' is wrong; expecting 'us-east-1' </Message> <Region>us-east-1</Region> <RequestId>687F6B2037ECE0FE</RequestId> <HostId> TSZ3BC8D0SNrx0uQtnz1EcZYwaFeKq8131LqfH6TOWlXQvdx3k1CcZNPxvMnTOPNzcRg2NVeqaw= </HostId> </Error>

moldovanst

owner

Hello @lucianom99 , thank you for using our template, it was a problem with our platform but we fixed it; please try to download again. Regards, Stefan

4 days ago

lucianowanderley

downloaded

4 days ago

Thank's! The download is OK!

« 1 2 … 13 14 15 16 17 18 19 20 21 »

Login with

Material Kit

Material Kit

Free Bootstrap 4 UI Kit

72,313 Downloads

205 Comments

Regular Support

Lifetime Updates

Release: 2 years ago

Update: 2 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!

205 Web Developers commented on this product

moeidsaleem downloaded 11 days ago

dragosct downloaded

8 days ago

ranpardz21.. downloaded 6 days ago

moldovanst owner

4 days ago

jpegamesqq downloaded 5 days ago

moldovanst owner

4 days ago

lucianom99 downloaded 5 days ago

moldovanst owner

4 days ago

lucianowanderley downloaded 4 days 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

Good Quality Design

Feature Availability

Awesome!

Built with Material Kit

Join our newsletter and receive weekly news!

Creative Tim

Happy people

410,604 accounts

719,496 downloads

Help and Support

Latest News

moeidsaleem

downloaded

11 days ago

dragosct

downloaded

ranpardz21..

downloaded

6 days ago

moldovanst

owner

jpegamesqq

downloaded

5 days ago

moldovanst

owner

lucianom99

downloaded

5 days ago

moldovanst

owner

lucianowanderley

downloaded

4 days ago