Material design for Bootstrap

Build beautiful apps faster & easier with Material Design and Bootstrap 4.
  • doneBuild responsive, mobile-first projects on the web with the world’s most popular front-end component library
  • doneUses Google's official Material Components for the web
  • doneIncludes Bootstrap components not offered by Google
  • doneIndividually packaged and released components
  • doneOpen source toolkit for developing with HTML, CSS, and JS
  • doneBuild your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery
Get started
Currently v1.0


Include MaterialStrap’s source CSS and JavaScript files via npm or download via YooKits website or clone via GitHub command line or go to GitHub repository and download it.
npm i materialstrap
git clone
Read installation docs


After download MaterialStrap full package you should add our required CSS and JS file for full package. You can use sidebar navigaiton and main navigation on your project, this are also included.

You can get famous google material icon, Also you can use both solid and bordered material icon