17 Best Google Material UI Design Frameworks

Google Material Design is new design language for Android, Chrome OS, and the web. Material Design gives number of features and a style guide to designer which usher them to create some really exciting and beautiful graphics. For this roundup we have chosen 17 Best Google Material UI Design Frameworks which will allow them to create beautiful and innovative web applications.

See also:

Material UI

A CSS Framework and a Set of React Components that Implement Google’s Material Design.




MUI is a lightweight HTML, CSS and JS framework for sites that follow Google’s Material Design guidelines. MUI is designed from the ground up to be fast, small and developer friendly. By design it only includes the basic components you need to build a site that follows Google’s Material Design guidelines.

google material framework



A modern responsive front-end framework based on Material Design. For use in your web projects, it provides an option of both CSS as well as source SCSS files, along with JavaScript, material design icons and Roboto font. Included components are basic ones such as grids, forms, buttons, navbar and cards



The first responsive front-end framework based on AngularJS & Google Material Design specifications. LumX will help you to design beautiful applications, faster and easier. We’ve built it based on google guidelines, respecting metrics in a pixel perfect way.



The Essential Material Design Framework that implements the guidelines from Google Material Design Specification using Facebook’s react.js library. Use it to easily build super-fast and great looking web & mobile interfaces.



Material Framework

Material Framework is a simple responsive CSS framework made that allows you to integrate Material Design in any web page or web app.



Material Foundation

Material Design version of Foudation Framework by Zurb



Paper Bootswatch for Bootstrap

Paper is a bootswatch theme for the Bootstrap framework. It includes all the components that Bootstrap provides but in a Material design skin.



Framaterial Framework

Framaterial is an open-source framework that allows you to create projects with the material design elements and rules. It’s composed of many components and javascript functions to make it easy to use directly out of the box. With Framaterial, you’ll be able to create single page apps & websites, to complex apps & websites, without the help of any thirs pary libraries, frameworks or plugins.


Bootstrap Material

Similar to Paper, Bootstrap Material is another theme for Bootstrap framework and provides all the components included in Bootstrap. On top of that, it also includes support for 740 original Material design icons from the Google Material Design Icons repository.




Materialstrap is a HTML and CSS framework written from scratch built on the principles of Bootstrap but with the modern and sleek Material Design style. Get a modern, beautiful website up in seconds.




Leaf is CSS framework developed by Kim Korte based on the Google’s material design. While still in beta, it has extensive list of components such as buttons, cards, sliders, menu, tabs etc.



Material CSS

A lightweight framework based on Google’s Material Design.



Polymer Project

Google’s Polymer Project is a web framework and their embodiment of material design for the web. While still in “developer preview”, most of the components (a very extensive set)  are quite mature.



Materialize Metor

Materialize meteor package – a modern responsive front-end framework based on Material Design.




Pure HTML 5 material design framework.



Materialize CSS

Framework front-end moderne basé sur le Material Design


Leave a Reply