Search code examples
vue.jsmaterial-designmaterial-components-web

material-components-web for vue js


I have a website based on Vue framework and webpack.

I came across this css framework developed by Google (Material Components Web) where you can directly get started using a cdn or an npm package. It worked extremely well for a simple html/javascript based website. But, I am having issues setting it up for the Vue project.

There are other wrappers available for Vue framework like Veutify and Vue Material. But, it comes with lot of additional stuff like the grid layout which I don't want the developers to follow as we are already using a flex layout. I only want the component library.

So, is there a way use the Material Components Web with the Vue framework?


Solution

  • I didn't get the Material Components Web working with the Vue framework. But I did found another light-weight material design framework i.e. Material Design Lite.

    Note: It is not specific to any framework. It lets you add Material Design look to your website developed in any framework

    You can easily get started with a wide variety of options like cdn, bower, npm or even by downloading the files.