Top Material Design Resources and Inspiration
Google’s visual look for Android (and indeed, the rest of the web) was released last year and already, designers have seriously fallen for its charms. The consistent interface hierarchy, updated iconography and bright colors have firmly established it as a design favorite.
Whether you’re a material design newbie or a practiced pro, here’s some great demos, freebies and guides, related to all things material design.
GET TO GRIPS WITH MATERIAL DESIGN
Completely clueless when it comes to Google’s material design? Don’t sweat it! Simply read these helpful guides below:
- Google Design Guidelines
- Design Tips for Material Design
- Flat Design vs. Material Design: How Are They Different?
- Sketch with Material Design
Google’s lively material design color-schemes are eye-catching, but which colors go well together? Have fun comparing shades with these useful material design palettes:
Need some frameworks and components to help you with your next material design project? Look no further – the list below highlights some of the best out there.
For templates, themes, tools and all-round help with material design, check out the following sites:
We all love freebies! Here’s a great pack of material icons in SVG and Sketch formats.
Need Powerpoint or Keynote icons? Look no further! Here’s a collection of 425 neat material design icons.
You can never have enough material icons, we think. Protium Design clearly agree with us, because they’ve found you 1000 icons – which you can grab for free, right here.
For more icons, visit:
Free UI Kits
If you are looking for some free UI kits, check these out:
- Free Material UI Kit
- Free Material Design UI Kit by Ionut Bondoc
- Free Material Design UI Kit by Sergiu Firez
- Free UI Kit by Jakub Kośla
- Android Material Design UI Kit .sketch Resource
We all need some inspiration from time to time. These spectacular material design concepts are sure to get your creative juices flowing.
Interaction is also an important aspect of material design. Have fun experimenting with the way objects interact with one another right here and check out this nice collection of smooth material design animations.
We can always rely on Codepen for some fantastic demos to inform, educate and completely inspire us. Here’s some of the best.
- Material Design Buttons
- Material Design Responsive Table
- Google Material Design Input Boxes
- Material Design Morphing Icons
We hope you’ve enjoyed this round-up of the finest tools, concepts, and freebies – all relating to the wonderful world of material design. If you think that we’ve missed anything out, just let us know.