Google Material Design Lite and Bootstrap Comparision

Tutorialzine has published an article “Comparing Bootstrap With Google’s New Material Design Lite“. Bootstrap was originally built by Twitter with the purpose of making it easy to build responsive websites. It gives you a lot of components and customization options for making web apps. Material Design Lite is a way for Google to spread its material design concept to the web. It gives you only the base building blocks for building material apps. The rest is up to the developer.

Bootstrap has a very detailed documentation. Development involves copy pasting from the examples and getting a usable result fast. MDL is built around BEM, and components are built by combining multiple classes. This approach gives a great deal of control, but can sometimes lead to unwieldy HTML.

Bootstrap gives you a passable default design which we have grown tired of by now, but there are plenty of wonderful themes to chose from. MDL looks fresh and features bold colors and animations. It dictates exactly how your web app should look like and gives you a limited opportunity for customization by choosing base and accent colors. You can check out the full article here.