20 Free Material Design UI Elements

Monday, October 10, 2016

Material Design was created and released by Google in 2014 and has grown in popularity ever since.

It is an innovative design trend that offers a great user experience across all devices and has beautiful, simple aesthetics.

Today, we selected 20 free Material Design UI elements to help you build gorgeous, fully-functional user interfaces for either web or mobile design projects.

We hope these icons, templates, and other Material Design UI templates will be useful to you. Feel free to download them and add them to your freebies collection for later use.

Set of Material Design Hand Gestures

This is a set of 8 free Material Design-inspired hand gestures. In the .zip file you will find the PSD, ai and png files. It is easy to customize as well.

free-set-of-material-design-hand-gestures

Material Icons Pack

This is a pack of 435 icons in Material Design. These are all created by Google, the designer just bundled them together. The icons are available as separated SVG files.

material-icons

Isometric Material Icons

This is a set of isometric icons, perfect for your web or print projects. The Illustrator file is also included so you can easily change the colors. These are available in PNG, PSD and Ai formats.

free-set-of-isometric-material-icon

Material Design Icons with Bounds

This is a set containing Material Design icons with bounding rectangles (that can be easily hidden via style) at MDPI size.

material-design-icons-with-bounds-sketch-freebie

Android L Icon Pack

This is a set with 4,000 flat Material Icons, in any format, size and color.

material-icon-pack

Google Material Icons

This is a set of Google Material Icons for Sketch. These are originally from Google library.

github

Material Design UI Kit

This is a free Material Design UI kit.The guidelines haven’t been followed exactly down to a tee but it follows many Material Design principles.

-material-design-ui-kit

Android Material Design Template

This is an Android Material Design template which you can use to create beautiful Android apps.

free-psd-android-material-design-

Material Design UI Template & Icons

This is a quick start .sketch template which includes: 424 Android L Icons,  Desktop, Tablet & Mobile layouts, and all the Polymer Project web component elements.

material-design-free-sketch-template-icons-

Material Design Powerpoint & Keynote Icons

This designer has converted 425 material design icons into native ppt & key editable shapes! Scale & change color to your heart’s delight!

material-design-powerpoint-keynote-icons

Material Design System Icons

These icons were originally made by Google. It is a part of the system iconography style. It is a clean set and that works great on Android too.

-system-icons-material-design

Material Design UI Kit

This is a UI Kit including App Bars, Tabs, Status Bars, Navigation Bar, Navigation Drawers, Buttons, Grids, Lists, Switches, and more.

dribbble-example

Instagram in Material Design Templates

This is a UI PSD of a mockup template for Instagram done according to the Material Design guidelines.

instagram material design

Material Design Inspired Bootstrap UI Kit

This is a set of all the elements and components of the Bootstrap 3.2 in the Android L style. It features 28 fully layered Adobe Photoshop PSD files, well-organized layers and all elements and components of the Bootstrap 3.2.

bootstrap-freebie

Google Inbox Templates

This is a free PSD that you can use for your projects that follows the Material Design guidelines.

free-google-inbox

Material Design Icon Templates

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

material-design-icon-templates

Mini Material Icon Set Vol1

This is a mini Material icon set which you can use for your web or mobile design projects.

material-design-icon-templates

Android L Web and Mobile Interface

Android L refresh is a part of the open source project, Barter.li that aims to enable people to connect with book lovers around you and trade books with them. You can download the PSD files for this interface.

barter-li-android-l-web-and-mobile-interface

Material Design Icons Custom Shape

This is a Material Design icons set with custom shapes, perfect for your web or mobile design Material-Inspired projects.

material-design

Material Icons

This file includes all Google Material icons in one gigantic Artboard. The icons are organized in categories with descriptions.

material-icons-sketch-free

The post 20 Free Material Design UI Elements appeared first on Web Design Blog | Magazine for Designers.



via http://ift.tt/2ejAPrT

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading