A year ago, I was involved in a project with the requirement to have Material Design styles and animations for the UI. Like always, I looked for frameworks or libraries that met the design specification.

The first library that I came across was Material Design Lite.
It is a super lightweight library that didn’t rely on any JavaScript frameworks. Unfortunately, it didn’t have essential components such as Select Boxes. Having found it inadequate, I moved on for the next.

MD Bootstrap
It was a popular library built on top of Bootstrap. I was curious to see if it could fulfil the requirement. Once again, I was left disappointed because the styles and animations were not as per the Material Design Guidelines. Moreover, we could not use all its components unless we purchased the PRO version of it.

Developed by a team of students from Carnegie Mellon University, it was a complete framework that didn’t depend on Bootstrap or jQuery. But, like MD Bootstrap, the animations were not as per the Material Design Guidelines.

Thus, I still did not have any luck going my way with finding a suitable Material Design package.

And then I decided to use Bootstrap as it is and write my CSS and JS on top of it to fulfil the project’s requirement. It gave me an idea to create a UI wrapper which would have all the bootstrap components, look and behave as per the Material Design Guidelines. I set about developing it and six months later, with some hard work, research and sleepless nights, Material Style was born.

Material Style is now an easy to use UI Library based on Bootstrap 4.5 that lets you add Material Design styles and animations to Bootstrap components.

Visit Material Style

Few Components from Material Style