Material Design Resources & Examples

Material design is all the rage at the moment, and as a developer, it's important to stay up todate with the latest trends in UI design. Today we're going to have a look at some great resources and examples of material design for the web.

Google Material Design Guide

Google is essentially the company that came up with material design, so who better to look towards for guidance than the Google itself! They provide a very in depth guide to what material design is, the philosophy behind it and much more.


Material Design for Bootstrap

Bootstrap has become the defacto front end framework for a lot of web developers, so using a material design bootstrap theme is a great way to get started if you're experienced with bootstrap but new to material design


Material Design for Angular

Angular has also eploded in popularity over the past few months, and LumX is a responsive front-end framework based on AngularJS & Google Material Design specifications.



MUI is a lightweight HTML/CSS/JS framework that follows Google's Material Design guidelines. It's well documented and comes with an HTML boilerplate to get you started quickly



Here are some snippets and examples of material design in action

Animated Tiles

A codepen by Sergey Kupletsky illustrating CSS tiles with animations in the style of material design


Paper Button

An animated "paper" button with a material design style click animation by Boris Kaiser


Google Material Design Inspired Menu Button

An animated "hamburger" menu button that transforms between two states by Leigh Kendell


Material Design Animated Loader

An animated material design circular loader by Craig Tuttle


Material Design Toggle Buttons (Switches)

Animated material design toggle buttons (switches) by Andreas Storm


Material Design Drop Down Menu

A clean material design drop down menu by Cole Waldrip


Back to Developement News

Need a freelancer for an iPhone app?

Try these skills and languages:

Objective-C Swift Xcode

Click here to search all these tags

Subscribe to our mailing list