creativetimofficial/material-kit

Material Kit 2 is a free, open-source collection of ready-to-use visual building blocks for websites, built on top of Bootstrap 5. Bootstrap 5 is one of the most widely used CSS frameworks, which means developers can use Material Kit without throwing out their existing Bootstrap knowledge or code. The kit takes Bootstrap's core components and reskins them to follow Google's Material Design system, a set of visual guidelines Google created for consistent, clean-looking interfaces. The design uses deliberate color choices, large typography, and a layered appearance that mimics physical sheets of paper placed at different depths. Navigation sits on the left, action buttons sit on the right. Three fully coded example pages come included: a login page, a landing page, and a profile page. These give you a starting point to copy and adapt rather than building from a blank file. Versions of the kit are available for multiple environments. The HTML version works in any plain web project. Separate packages exist for React, Vue.js, React Native (for mobile apps), and the design file is also available in Figma for visual designers who want to mock up screens without touching code. A WordPress theme variant exists through a third-party partner. Installation is flexible: you can install it via npm, download a ZIP, clone the GitHub repository, or install with Bower. The kit is licensed under MIT, which means you can use it in personal and commercial projects for free. A paid Pro version is mentioned in the README for teams that want more components and premium support. The kit is meant for web designers and developers who want the look of Material Design without starting from scratch. If you are building a website that needs to feel visually consistent with Android or Google products, or you simply want a polished starting point for a Bootstrap project, this kit provides the components and example pages to get there quickly.