Google introduced Material Design last summer, and now about a year later it has introduced Material Design Lite, a web framework for bringing the design language to the Web. Here is collection of wide range of material design CSS frameworks so that you can keep up with the current design trends.
Material Design Lite
Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn’t rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.
Material
HTML5 UI design based on Google Material Design and built on top of Bootstrap.
Material design theme for Bootstrap 3
This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application.
Materialize
A modern responsive front-end framework based on Material Design.
MUI
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.
Material ui
Material-UI is a set of React components that implement Google’s Material Design specification.
Framaterial
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.
Surface
Material Design inspired, CSS only, lightweight framework in 2 weeks. Surface is the result. I hope you enjoy using the framework!
Material framework
Material Framework is a simple responsive CSS framework made by Tim Nguyen that allows you to integrate Material Design in any web page or web app.
Ionic Material
Pour material design into your Ionic hybrid apps for all the sexy and no complexity. Now unlock the depth, motion & ink specs of Google’s material design with easy-to-add-on classes.
Leaf
The idea is pretty simple. Just copy everything as good as possible from Google’s material design and make CSS/JS out of it. The goal is to move everything from there to the web, easy to use and maintain.
Lumx
The first responsive front-end framework based on AngularJS & Google Material Design specifications.
Material design with Polymer
The Polymer core elements set includes several elements for application layout, including creating toolbars, app bars, tabs, and side nav consistent with the material design guidelines.
Angular Material
The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible UI components based on the Material Design system.
Expandjs
ExpandJS provides a set of 80+ visual and non-visual elements, giving you the tools to create your modern Web Applications, in an easier, faster and better way.
Essence
The recommended way to use Essence is with React. Don’t worry: if you can write HTML, you can write React because they organized things for you in a very easy-to-use manner.
Material Foundation
Material Design version of Foudation Framework by Zurb.
Material CSS
A lightweight CSS framework based on Google’s Material Design.
