We're cooking a 2D/3D illustration library with 1k+ assets 🎉👑
Early access

Welcome back to YooKits

Create your YooKits account

A password will be sent to your email address.


MaterialStrap – Material Design for Bootstrap

Bootstrap meets Google’s Material Design

  • 4.8
    5 Reviews
  • 1,735

When Bootstrap blends in with Google’s Material Design

If you love Material design (the design system for Android & Google products), but super comfortable with Bootstrap, then MaterialStrap is for you. We re-created every Boostrap component in the style of Material Design. This free, completely open-source template will help you build a fantastic native-like app and products.

Main Features

  • Completely free & open-source
  • Build beautiful apps faster & easier, with Material-inspired Design and Bootstrap 4.
  • Build responsive, mobile-ready products with the world’s most popular front-end component library
  • Uses Material-inspired components for the web
  • Includes Bootstrap components not offered by Google
  • Individually packaged and released components
  • Build your whole app with Sass variables and mixins, responsive grid system, prebuilt components, and super powerful plugins
  • Can get Horizontal and Vertical Navigation Layouts
  • Cross-Browser Compatibility
  • Get free Material Icons
  • Unlimited Template Possibilities
  • Can use your existing Bootstrap Project or New Project
  • Lifetime Free Updates
  • Well-documented like Bootstrap
  • Using Bootstrap class for Material Design

5 reviews for MaterialStrap – Material Design for Bootstrap

  1. Zimi Leonard

    Best free template I’ve downloaded, these guys know what they are doing.

  2. Seth

    Clean code, works like magic!

  3. Steven P

    Amazing template and documentation. Very well written. Thanks for sharing!

  4. TheDesignDealer

    Needs a little improvement, but amazing theme!

  5. Arthur Moreno

    Excellent quality!!

Only logged in customers who have purchased this product may leave a review.

Got something to discuss?

Apr 2, 2020

does this use Bootstrap class or custom class?

Apr 3, 2020

Hello MazePhrase,
it uses Bootstrap class.

Emmanuel Aguiñaga
Apr 1, 2020

Can you add svg icons?

Apr 2, 2020

Yes, you sure can.

Mar 31, 2020

Great work 🙂

Apr 1, 2020


Julian Mckay
Mar 11, 2020

How do I join the slack channel? Thanks ❤️

Mar 12, 2020
Feb 2, 2020

any plan on updating the template in the future? just curious

Feb 3, 2020

We will update the template every now and then. You can also expect a major update when the new Material Design version comes from Google.

Dec 22, 2019



  • Creative Commons Attribution 4.0 License
  • Personal or Commercial Use
  • Quality checked by YooKits
View License Details

License Details

Creative Commons Attribution 4.0 Licese (CC by 4.0)

All of the site templates we create for YooKits are licensed under the Creative Commons Attribution 4.0 License

You can

  • Use templates for personal and commercial purpose
  • Customize the templates however you like
  • Share and distribute them under YooKits brand name

You must

  • Give credit to YooKits (www.yookits.com)

You're NOT allowed to

  • Resell, redistribute, lease, license or offer the product as it is to any third party
  • Request support for free products
Live Preview
  • Last Update Apr 6, 2020
  • Compatible Browsers

    Chrome, Edge, Firefox, Opera, Safari

  • Compatible With

    Bootstrap 4.x

  • Documentation

    Well Documented

  • Files Included

    CSS Files, HTML Files, JS Files

  • Layout



5 Reviews

Full-fledged Support

Get Support

Documentation Files

Available both online and offline

Support Forum

Get pro support from item creators

Slack Channel

Join our slack community

Github Repo

Public repository for everyone