30+ Free Google & Other Material Design Resources For Inspiration

0

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 frameworksand fonts for your next design project or for inspiration.

Also See

i hope you will like them. Enjoy!

UPDATE ON:20/05/2015

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

UPDATE ON:22/04/2015

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

Roboto Font

The standard typeface (TTF) for Android. You can also use it as a web font using Google Fonts.

Roboto Font

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

Android L -PSD – Ui Kit

Android L -PSD – Ui Kit

 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

Material Design& Hover & Click Effect

Material Design& Hover & Click Effect

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

Android L Tablet UI Template

2 Android L Tablet layouts available for Sketch App. You can use or modify them to fit your own needs. Keylines and metrics are integrated as separated layers so you can clearly understand their design principles.

Android L Tablet UI Template

InkDrops

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

Preview

InkDrops

Android Lollipop 5.0 GUI Free Download

Android Lollipop 5.0 GUI Free Download

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

LEAVE A REPLY