Built on top of these technologies


Material Kit is a Free and Open Source UI Kit with a fresh, new design inspired by Google's Material Design. Having the coded and the designed versions for the same framework, your designers and developers will talk the same language.

font_download

Web Fonts

Easily accessible web fonts are used throughout the Material kit.

view_carousel

Google Material Design

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

phonelink

Fully Responsive

Regardless of the screen size, the website content will naturally fit the given resolution.

developer_board

Bootstrap Grid

Enjoy the fluid grid system based on 12 columns used in the popular Bootstrap framework.

Basic Components

The core elements of your website
We re-styled every element to make it resemble Material Design and also fit with each other. Besides the numerous basic elements, we have also created additional classes. 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.

Your life will be much easier

extension

Bootstrap 4 & Flexbox

It is built over Bootstrap 4, it's fully responsive and has all the benefits of the flexbox for the layout, grid system and components. This is a huge advantage when you work with columns.

child_friendly

Easy to Use

Divide details about your product or agency work into parts. Write a few lines about each one. A paragraph describing a feature will be enough.

watch_later

Fast Prototyping

Using the Material Kit will save you large amount of time. You don't have to worry about creating new elements of design, you just take care of the development.

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 Login Page

Do you love this UI Kit?

Cause if you do, it can be yours for FREE. Hit the buttons below to navigate to Creative Tim or Github where you can find the kit. Start a new project or give an old one project a new look!

Download your favourite

Thank you for supporting us!