Material Kit PRO is a Bootstrap 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.


Huge Number of Components

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.


Multi-Purpose Sections

Putting together a page has never been easier than matching together sections. From team presentation to pricing options, you can easily customise and built your pages.


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.

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. Besides the numerous basic elements, we have also created additional classes. All these items will help you take your project to the next level.

Unconventional Cards

One Card for Every Problem
We love cards and everybody on the web seems to. We have gone above and beyond with options for you to organise your information. From cards designed for blog posts, to product cards or user profiles, you will have many options to choose from. All the cards follow the material principles and have a design that stands out.

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.

Ready to Use Sections

Build your page section by section! We have created multiple options for you to put together and customise into pixel perfect pages. From headers to footers, you will be able to choose the best combination for your project.
View All Sections

Example Pages

The easiest way to get started is to use one of our pre-built example pages. From landing pages to e-commerce or blog pages, you will be able jump start your development. Show your clients a quick prototype and get inspired for your next project!

About Us

Landing Page

Contact Us

Blog Post

Product Page

Login Page

Pricing Page

Signup Page

Profile Page

Blog Posts

Free Demo

Do you want to test and see the benefits of this kit before purchasing it? You can give the demo version a try. It features enough basic components for you to get a feel of the design and also test the quality of the code. Get it free on GitHub!
View Demo on Github

Free Demo

  • 60 Components
  • 3 Example Pages
  • close Unconventional Cards
  • close Sections
  • close Photoshop for Prototype
  • close Premium Support

PRO Version

  • 1000+ Components
  • 10 Example Pages
  • check Unconventional Cards
  • check Sections
  • check Photoshop for Prototype
  • check Premium Support

Your work will get much easier


Bootstrap Grid

Enjoy the fluid grid system based on 12 columns. Material Kit PRO is built over Bootstrap and has all the benefits that the framework comes with.


Fully Responsive

This Bootstrap kit is built mobile-first and looks amazing on any device. Regardless of the screen size, the website content will naturally fit the given resolution.


Save Time

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


Save Money

Creating your design from scratch with dedicated designers can be very expensive. Using a kit is the best option to start your development while bootstrapping your budget.

Trusted by 174.000+ People

The UI Kits, Templates and Dashboards that we've created are used by 174,400+ web developers in over 292.000 Web Projects. This is what some of them think:

Khaldi Yass

"As soon as I saw this kit, everything else isn't the same anymore, I just can't describe it guys! Thank you for this work!"

Josh Murray

"Great kit! Used this for a client already and he is over the moon. Keep up the good work Creative Tim! 10/10 for design, colours, and the feel of the kit."

Michael Onubogu

"Damn Daniel!!! This Material UI Kit is fresh AF! Amazing work!

Ready to grab Material Kit PRO?

Good for personal websites, school projects, startups or any other project where your users will not be charged for using it. Create one single website/app for one client.

HTML Package


  • Fully Coded Components
  • Responsive Design
  • Product Documentation
Buy Now!
HTML & Photoshop Package


  • Fully Coded Components
  • Responsive Design
  • Product Documentation
  • + Photoshop Files
  • + Components on Layers
Buy Now!

Good for business projects, multiple websites for clients or for creating themes where your users will be charged for using it. Create multiple websites/apps for multiple clients.

HTML Package


  • Fully Coded Components
  • Responsive Design
  • Product Documentation
Buy Now!
HTML & Photoshop Package


  • Fully Coded Components
  • Responsive Design
  • Product Documentation
  • + Photoshop Files
  • + Components on Layers
Buy Now!

You have Free Unlimited Updates and Premium Support on each package. You also have 30 days to request a refund if you're not happy with your purchase.

Thank you for sharing!

Twitter Facebook Google