70+ Free Google & Other Material Design Resources

Material design is a design language developed by Google. It is a comprehensive guide for visual, motion, and interaction design across platforms and devices.

Today, i showcase a list of the latest and best Free Design Resources For Google Material Design.This collection we have include GUI kits, icons, tools, scripts,web/app templates, themes, HTML/CSS frameworks and fonts for your next design project or for inspiration.

Also See:

i hope you will like them. Enjoy!

Material Design Powerpoint & Keynote icons

Over here in the enterprise world, folks are still using Powerpoint & Keynote (dinosaurs, amiright?). To make things less miserable I’ve converted 425 material design icons into native ppt & key editable shapes! Scale & change color to your heart’s delight!

Material Design Powerpoint & Keynote icons

More / Info

Free Material UI Kit 

Free Material UI Kit 

More / Info

Free Summeric Material Ui Kit  (PSD)

Free Summeric Material Ui Kit

More / Info

Google Inbox For OS X

Google Inbox For OS X

More / Info

BankTag – Free Material UI Kit

BankTag - Free Material UI Kit

More / Info

Free Google Material Design Icons Set

Free Google Material Design Icons Set

More / Info

DiscoMusica – Free Web UI Kit

DiscoMusica - Free Web UI Kit

More / Info Download

Cisco – Material App UI – Free PSD Sample

Cisco - Material App UI - Free PSD Sample

More / Info

Free Mail App Ui Kit

Free Mail App Ui Kit

More / Info

Material UI Kit

Material UI Kit

More / Info

Crystallize Free Material Ui Kit

Crystallize Free Material Ui Kit

More / Info

Google Maps & Streetview icon

Google Maps & Streetview icon

More / Info

30 material design backgrounds

30 material design backgrounds

More / Info

FREE MATERIAL DESIGN UI KIT 

This Material Design Ui Kit is a Ui kit deliberately created for quick and easy web designs projects at the startup phase. We kept the structure and simplicity of Google Material design guidelins. Due to huge variation of elements and 100% customization of every detail, This Free Material Design Ui Kit will allow you to save lots of time on starting your fresh project and pledge right into working on your new awesome web design project.

FREE MATERIAL DESIGN UI KIT

More / Info

40+ Material Design Backgrounds

40+ Material Design Backgrounds

More / Info

Freebie PSD Material Design

Freebie PSD Material Design

More / Info

Material Design Wireframe Kit

Material Design Wireframe Kit

More / Info

Material Design Widgets Ui Kit – PSD

Material Design Widgets Ui Kit - PSD

More / Info

Material Design UI Kit Freebie

New freebie, everybody! This time it’s a dark material design ui kit.esigned and released by Adrian Goia.

Material Design UI Kit Freebie

Material Design UI kit

A nice UI kit inspired to Google Material Design. Free PSD designed and released by Jakub Kośla.

Material-Design-UI-kit

Material Design by Google .sketch resource

This Material Design .sketch file was designed by Google

Material Design by Google .sketch resource

Free Material Icon Set

Free Material Icon Set

Material Design Icons

Material Design Icons

Material

HTML5 UI design based on Google Material.

Material

Material Design Psd Alphabet

Material Design Psd Alphabet, This freebies contain 26 psd English Alphabet inspired by Google Material Design.You can easily change its color and size.

Material Design Psd Alphabet

FREE MATERIAL UI KIT PSD

This UI kit contain many useable elements like, Profile, music player, statistics, graph, button, navigation menu, sing in page, any much more.

FREE MATERIAL UI KIT PSD

Free Material Design Promotional Backgrounds

This freebie includes 12 high resolution backgrounds in material design colors.

Free Material Design Promotional Backgrounds

Android L psd kit

Android L psd kit

Google material style checkbox (css only)

Google material style checkbox (css only)

Material Design.sketch

A Google Material Design UI Kit including App Bars, Tabs, Status Bars, Navigation Bar, Navigation Drawers, Buttons, Grids, Lists, Switches, …

Material Design.sketch

Android L Icon Pack

World’s First Android L Icon Pack.

Android L Icon Pack

Material design for Angular

The goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

Material design for Angular

Material Design Buttons

Material Design Buttons

Google Material Design Button UI

Google Material Design Button UI

Google Material Design – Free AE Project File

Google Material Design – Free AE Project File

Layout Templates

Including desktop, tablet, mobile and whiteframes.

Layout Templates

Google Material Design Hierarchical Timing

CSS3+Javascript.

Google Material Design Hierarchical Timing

Polymer material design playground

Polymer material design playground

Google Material Design Official Website

Material Design creates a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science.

Google Material Design Official Website

Android Lollipop UI Kit .sketch resource

Android Lollipop UI Kit .sketch resource

Android Lollipop Icon Set

Android Lollipop Icon Set

Material Design Icon Set

They’re equally useful when building for the web, Android or iOS.

Material Design Icon Set

Material icons for PC

a few style icons material design for the PC.I will still complement the collection.

Material icons for PC

 

Android L System Icons

Android L System Icons

Color Palettes

The downloadable zip contains Adobe Photoshop and Adobe Illustrator color swatches that you can install. Included in the zip is a Read-Me.pdf with instructions on how to install the .aco files into Photoshop and .ase files into Illustrator.

Color Palettes

Android L Button

Android L button built with Javascript and CSS3.

Android L Button

Android L – Icon Grid System

On the attached zip file you’ll find the 4 kind of grid systems that Android L use to crete their icon (Ai templates).

Android L – Icon Grid System

Google Design Icon Template

Google Design Icon Template

Material Design Button

Google Material Design button built with jQuery and CSS3.

Material Design Button

New Android L Interface

New Android L Interface

Material Design Icon Templates

These are templates for the four different system icon shapes as referenced in the design documentation

Material Design Icon Templates

[SVG, Sketch] Material Icons Pack

A pack of 435 icons in Material Design. The icons are available as seperate SVG files and a Sketch file with all icons seperated in a nice grid.

[SVG, Sketch] Material Icons Pack

Material Design UI Kit

A free Material Design UI kit I put together to share for free.

Material Design UI Kit

Google Material Design Free AE Project File

Google Material Design Free AE Project File

Alternative Polymer Style Buttons

Alternative Polymer Style Buttons

MAWButton

MAWButton

RippleCator

RippleCator

 Material Radio Input

Material Radio Input

leaf Google Material Design Theme

A CSS framework based on Google’s material design.

leaf Google Material Design Theme

Waves

Click effect insipired by Google Material Design. Click the preview image below to see it in action.

Waves

Android Grid Psd (Template for Android L icon)

Android L icon have a lot of changes: New Grid、New Size.

Android Grid Psd (Template for Android L icon)

Material Design Icons

Material Design Icons are the official open-source icons featured in the Google Material Design specification. Preview.

Material Design Icons

Material Design – Sidebar (Profile menu)

Material Design – Sidebar (Profile menu)

materialize

Materialize, a CSS Framework based on Material Design

materialize

L Bootstrap Freebie – UI Kit Inspired by Android L

The set of all elements and components of the Bootstrap 3.2 in the Android L style. L Bootstrap brings great Android L style into Web plane due to the specially adapted guideline.

L Bootstrap Freebie – UI Kit Inspired by Android L

Simple Matreal Design style pin

Simple Matreal Design style pin

Material Design (CSS-based) – Tiles

Material Design (CSS-based) – Tiles

Material Design Drop Animation

Material Design Drop Animation

Material Design Icon Template

Material Design Icon Template

Material Design Animation Timing

Material Design Animation Timing

Material Design Icons with Bounds .sketch resource

Material Design icons with bounding rectangles (can be easily hidden via style) at MDPI size.

Material Design Icons with Bounds .sketch resource

Material Ripple

With this plugin, you can use the active-effect in your projects too without doing anything! The plugin does everything important for you.

Material Ripple

Material Design Icons Expanded 

Material Design Icons Expanded

Material Design Preloader

A jQuery plugin that recreates the Material Design preloader (as seen on inbox).

Preview

Material Design Preloader

Lollipop Gui Kit

Lollipop Gui Kit

 

Ripple Click Effect

Ripple Click Effect

rippler

Effect that spreads like a wave in touch or click.

rippler

Android L GUI KIT

Android L GUI KIT

Open And Close Free AE File

Google Open and close Material .

Open And Close Free AE File

Google’s Material Design Raised Button

Google’s Material Design Raised Button

Material design morphing icons

Material design morphing icons

Material Design Spinner

Material Design Spinner

Android L Ripple Effect

Android L Ripple Effect

Android Material Design

Android Material Design

Barter.li Android L Web and Mobile Interface

Barter.li Android L Web and Mobile Interface

Polymer

Polymer is a library that uses the latest web technologies to let you create custom HTML elements. Build anything from a button to a complete application as an encapsulated, reusable element that works across desktop and mobile.

Polymer

Android L ripple effect without Polymer and jQuery

Just add ‘material’ attribute to any DOM element. Supports both mouse and touch events.

Android L ripple effect without Polymer and jQuery

InkDrops

The Ink-Drop style interaction that is added in the material design by Google using jQuery and CSS.

Preview

InkDrops

Bootstrap material Design

Preview

Material design theme for Bootstrap 3.

Bootstrap material Design

Material-UI

Preview

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

Material-UI

Elastic SVG Sidebar Material Design

SVG sidebar animation inspired by Material Design.

Elastic SVG Sidebar Material Design

Ionic-Material

Preview

Seamless Material Design theme for Ionic.

Ionic-Material

Material Design Input Text

Material Design Input Text

mui

Preview

MUI is a lightweight HTML, CSS and JS framework for sites that follow Google’s Material Design guidelines.

Material Design Icon Templates