This article was published 9 years ago, therefore the contents of this post may be out of date.

Since Google announced their new Design Language, the Material Design it’s been getting more popular amongst designers and developer alike, As Material Design can change the affect of both website & mobile applications as it can transform them into beautiful & visually stunning look.

The Material Design gives number of features and a style guide to the designer which associate them to create some really exciting and beautiful designs.

So for this weeks roundup you will see that we’ve have pick some of the best and useful Google Material Design Frameworks for designers and developers.

1. Materialize

Materialize-1

Materialize is a modern responsive front-end framework which is based on Material Design. It can be use in your web projects, as provides an option of both CSS as well as source SCSS files, along some JavaScript, material design icons and including the Roboto font and also Included are some components which are just the basic ones such as grids, forms, buttons, navbar and cards plus this framework is available on GitHub as well.

2. Material UI

material-2

Material UI is a CSS Framework and a Set of React Components that implement Google’s Material Design. It provides support for components such as Buttons, Dialog, Dropwdown menu, Icon buttons, Inputs, Switches, Toolbar and more. also like Materialize, Material UI is also on GitHub.

3. MUI

mui

MUI is a Material Design framework that included HTML, CSS, and JS files that has a small footprint and no dependencies,  it’s future-focused. As it been 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. The MUI package includes all the necessary code to use MUI components on the web and over email.

4. LumX

lumx

LumX is a responsive front-end framework that’s based on Google’s Material Design specifications and Angular JS. It’s been built using Sass, Bourbon and Neat, you’ll be able to quickly customise your app design. Moreover, your Sass and Javascript files will be automatically optimised with Gulp to improve your application performance.

5. Material Framework

material-framework

Material Framework is a simple responsive CSS framework that allows you to integrate Material Design in any web page or web app. st include material.css on any web page/ web app. You can also get a minified version by running grunt dist, the minified code will appear in the dist folder.

6. Essence

essence

Essence is a CSS framework that implements the guidelines from Google Material Design Specification while using Facebook’s react.js library you can use it to easily build super-fast and great looking web & mobile interfaces.

7. Framaterial Framework

Framaterial-Framework

Framaterial is an 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 third party libraries, frameworks or plugins.

8. Chrome Angular MD Template

chrome-angular-md-template

Chrome Angular MD Template is a generic app framework that can run as a standalone webpage, a chrome extension, an android app, or an ios app. It will use the tools provided by angular’s material-design package to provide basic application scaffolding.

9. Material Design for Bootstrap

Material-Design-for-Bootstrap

Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.

10. Leaf

Leaf

Leaf CSS framework that is developed by Kim Korte, it’s still in beta, so some components may be missing or are not fully designed but still it already contains a wide range of elements suh as buttons, sliders, cards, menues, tabs and much more are part of this carefully designed framework, extending your design possibilities. By the way, Stylus is used as the CSS preprocessor and Leaf is also on GitHub.

 

Share

10 Google Material Design Frameworks to Choose From