Material Kit Figma is a 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 now available for Figma.


Web Fonts

By default, Material Kit is using Roboto Google font, but it can easily be changed with any other Google font.


Google Material Design

Material Kit has a fresh design inspired by Google's Material Design.



Vector-only shapes scale to any size, including retina, with no optimization required.


Bootstrap 4

Material Kit is is based on the popular Bootstrap 4 framework.

Basic Components

The core elements of your website
We re-styled every Bootstrap element to make it resemble Material Design and also fit with each other. All the Bootstrap components that you need in a development have been re-design with the new look. All these items will help you take your project to the next level.

View All Components

Content Areas

For Areas that Need More Space
If you need elements such as tables, comments, description areas, tabs and many others, we've got you covered. We took into consideration multiple use cases and came up with some specific elements that you will love to use. They're beautiful and easy to use for the end user navigating your website.

View Content Areas

Your life will be much easier


Bootstrap 4 & Flexbox

Enjoy the fluid grid system based on 12 columns. Material Kit is built over Bootstrap 4 and has all the benefits the flexbox for the layout, grid system and components.


Easy to Use

Every element that you need in a product comes built in as a component. All components fit perfectly with each other and can take variations in colour.


Fast Prototyping

Using the Material Kit will save you large amount of time. You don't have to worry about customising the basic Bootstrap 4 design or generating new components.

Completed with examples

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful kit.

View Signup Page

Do you love this UI Kit?

Cause if you do, it can be yours for FREE. Hit the buttons below to download the HTML or Figma version. Start a new project or give an old Bootstrap 4 project a new look!

For developers

Material Kit released under MIT License and it is using modern technologie like HTML5 and SCSS.

Download HTML

For designers

Design and prototype with Figma. In this way developers and designers speak the same language.

Download Figma

Thank you for supporting us!