Material design is introduced by google on august 2014 and is getting popular, because it is a matter of simplicity and reality. It uses surfaces, shadows, transitions etc… All the terms in material design are familiar to you as well so it is easy to understand.
Now we would like to add to this post some amazing Material design resources who will help to improve your web design to a new and modern look. People are already started using Material design we have seen many UI design kits based on material design. Some of the designs we found were excellent and worth inspecting.
In this post, you can see a lot of free web design things based on material design system like UI kits, icons, backgrounds etc…. You can find both design and development Material Design Resources here.
You may also like:
MATERIAL DESIGN BACKGROUNDS
FREE SET OF 40 MATERIAL DESIGN BACKGROUNDS
MATERIAL DESIGN WALLPAPER
FREE SET OF 30 MATERIAL DESIGN BACKGROUNDS
FREE NEW SET OF MATERIAL DESIGN PATTERNS
MATERIAL BACKGROUND
FREE NEW SET OF MATERIAL DESIGN BACKGROUNDS
FREE SET OF MATERIAL DESIGN BACKGROUNDS
12 MATERIAL DESIGN BACKGROUNDS
10 MATERIAL DESIGN BACKGROUNDS
COLORED MODERN MATERIAL DESIGN VECTOR BACKGROUND
MATERIAL DESIGN UI KITS
MATERIAL DESIGN UI KIT
MATERIAL DESIGN DARK UI KIT
CRYSTALLIZE FREE MATERIAL UI KIT
FREE SUMMERIC MATERIAL UI KIT
FREE MATERIAL DESIGN UI KIT
MATERIAL DESIGN UI KIT PSD FREE DOWNLOAD
FREE UI KIT FOR YOUR ONLINE STORE
FREE MATERIAL UI KIT PSD
SIMPLE UI KIT
BLOG/MAGAZINE FLAT UI KIT
MATERIAL DESIGN WEB ICONS
MATERIAL WEB ICONS
MATERIAL DESIGN ICON TEMPLATES (AI)
FREE MATERIAL DESIGN ICON PACK
FREE SET OF MATERIAL DESIGN HAND GESTURES
NEW SET OF FREE MATERIAL DESIGN AVATARS
FREE SET OF SERVER – HOSTING MATERIAL DESIGN ICONS
FREE NEW SET OF MATERIAL DESIGN STATIONARY ICONS
SET OF FREE ISOMETRIC MATERIAL ICONS VOL. 3
SET OF FREE ISOMETRIC MATERIAL ICONS VOL. 2
FREE SET OF ISOMETRIC MATERIAL ICONS
DOG-EAR MATERIAL ICON TEMPLATE (PSD)
FLAT SERIVCES ICONS (PSD)
GOOGLE MAPS & STREETVIEW ICON (AE FILE)
CALCULATOR ICON (AI)
ANGULAR MATERIAL ICONS (EPS)
MATERIAL DESIGN ICON TEMPLATE – FREEBIE (PSD)
ANDROID LOLLIPOP ICONS
MATERIAL DESIGN FLAT AVATAR SET
GOOGLE ICONS (AI, SKETCH)
MATERIAL DESIGN POWERPOINT & KEYNOTE ICONS
SYSTEM ICONS – MATERIAL DESIGN
MATERIAL ICONS PACK (SVG, SKETCH)
GOOGLE JFK ICONS (ICO, PNG)
1000 MATERIAL DESIGN ICONS
GOOGLE MATERIAL DESIGN – FREE ICON SET
MATERIAL DESIGN ICONS (PSD)
CARTOON FACES
MATERIAL DESIGN MOCKUP TEMPLATES
NEXUS 6P MOCKUP
PERSPECTIVE SCREENS MOCKUP
FREE NEXUS 9 PSD
NOKIA LUMIA 1520 MOCKUP
GOOGLE NEXUS 5 MOCKUP
IPHONE 5C 3D VIEW FREE PSD VECTOR MOCKUP
MOTO X MOCKUP
MATERIAL DESIGN WEBSITE TEMPLATES
BRENCH PORTFOLIO TEMPLATE PSD
FREE LANDING PAGE BUNDLE
BE MATERIAL – ONE PAGE MATERIAL DESIGN PSD TEMPLATE
BARTER.LI – ANDROID L WEB AND MOBILE INTERFACE
FREE TRAVEL PSD TEMPLATE
FOOD MAGAZINE TEMPLATE PSD
404 ERROR PAGE
MATERIAL DESIGN ADMIN TEMPLATES
FREE EDUCATION DASHBOARD
GOOGLE MATERIAL DESIGN ADMIN THEME
SAMDASH SMART ADMIN DASHBOARD
MATERIAL LOGIN, DASHBOARD PAGES
DIONE DASHBOARD FREE PSD
MATERIAL DESIGN APPLICATIONS / FRAMEWORKS
MATERIALIZE
A modern responsive front-end framework based on Material Design.
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.
PAPERKIT FRAMEWORK
Paperkit is an opensource Material Design web framework that works on HTML, CSS and JavaScript Vanilla.
MATERIAL UI
A CSS Framework and a Set of React Components that Implement Google’s Material Design.
PAPYROS
Papyros is a modern operating system which adheres to Google’s Material Design guidelines and is based on Arch Linux.
LEAF
A CSS framework based on Google’s material design.
OPENLOCALIZATION
OpenLocalization is a localization management web-app to help you translate any of your projects. Its goal is to provide a simple and flexible tool to easily edit and deploy your application translations.
LUMX
The first responsive front-end framework based on AngularJS & Google Material Design specifications.
MUI
MUI is a lightweight HTML, CSS and JS framework for sites that follow Google’s Material Design guidelines.
POLYMER
Polymer brings an implementation of material design to the web. The paper elements range from controls to effects and user interaction.
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.
IONIC MATERIAL
Ionic material is currently an experimental extension library for the Ionic Framework, meaning you won’t change the way you develop your Ionic hybrid apps to have them materialized. Ionic Material aims to integrate the best representations of Material Design into a single add-on library for Ionic Developers.
MATERIAL DESIGN ARTICLES
EXPLORING GOOGLE’S MATERIAL DESIGN WITH POLYMER
9 PRINCIPLES GOOGLE CREATED FOR ITS COLORFUL ‘MATERIAL DESIGN’ UI REFRESH
MAKE MATERIAL DESIGN WEBSITES WITH THE MATERIALIZE CSS FRAMEWORK
TOP DESIGNERS REACT TO GOOGLE’S NEW ‘MATERIAL’ DESIGN LANGUAGE
WHAT MATERIAL DESIGN MEANS FOR THE FUTURE OF ANDROID
WHAT YOU CAN LEARN FROM GOOGLE’S MATERIAL DESIGN
MATERIAL DESIGN COLOR PALETTE
MATERIAL DESIGN COLOR PALETTE
MATERIAL COLOR PALETTE FOR SKETCH
MATERIAL UI COLORS
GOOGLE COLOR STYLE GUIDELINES
This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other.
The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS. Google suggests using the 500 colors as the primary colors in your app and the other colors as accents colors.
MATERIAL DESIGN COLORS
This small web tool helps you visualize the material design colors and also easily copy the colors in different formats. Just click to select.
MATERIAL UP
Material Up generates colors based on Google’s Material Design palatte.
MATERIAL PALETTE
MATERIAL DESIGN COLOR PALETTE
Material Design Color Palette is a LESS/CSS toolkit for easily usage material colors by Google in websites.
MATERIAL DESIGN COLOR PALETTE SKETCH PLUGIN
Sketch app plugin for displaying Google Material Design color palette.
MATERIAL DESIGN OTHER RESOURCES
MUSIC PLAYER PSD FREEBIE
MATERIAL INSPIRED LOGIN FORM | FREEBIE
LOGIN UI
SKETCH FREEBIE FOR MATERIAL THEME PAPER
FREE LOADING SPINNERS
PLUTO – MATERIAL DESIGN FREE BOOTSTRAP TEMPLATE
TOROUTE – TRAVEL SERVICE CONCEPT
MATERIAL DESIGN IMAGE FONTS
MATERIAL DESIGN WIDGET