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.
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 SectionsExample 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!
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!
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.