inspiration

20+ Awesome Examples of Google Material Design for your inspiration

material-design-example
Written by csshint

I recently fall in love with material design. i think not only me The design community as a whole has embraced and been inspired by Material Design. In 2014 Google announced their release of the Material Design language. and it has been a rapidly growing trend amongst designers.

if you are intersted in material design, or designing for mobile then this post will help you.
because we have collected 20 awesome effects of material design that will help you in design.

1.Shared item preview

A concept for a preview of a shared link. This way a user could preview a shared link without opening a browser.

google-material-1

source

2.Google’s Material Design Animation

this awesome Google’s Material Design Animation created by Balraj Chana

google-material-2

source

3.Alarm Material UI

this animated Looks really nice,like the colours and the animations is great!
this animated is created by Ehsan Rahimi.

google-material

source

4.Menu Animation iOS Iphone red

The optimal ratio of animation and access speed to the drawer allows user quickly access the main menu from the map and move on to the next point of menu.
this drawer effect is created by Sergey Shevchenko.

google-material

source

5.Material Compact Login Animation

this Material Compact Login Animation created by Yusuf Bakır a codepen user.

google-material

source

6.Tabs Modal

this Tabs Modal effect created by Andy Tran a codepen user.

google-material

source

7.FAB Menu

this FAB Menu effect created by Mourad Majdoub a codepen user.

google-material-7

source

8.material dropbox

this Material Dropbox Design Animation created by Samuel Atmore.

google-material

source

9.Filter Menu

this Beautiful, and very communicative effect created by Anton Aheichanka.

google-material

source

10.View Contact from List

this Beautiful Animated transition from contact list to contact detail view effect created by Eric Azares.

google-material

source

11.Music app research

Cool! The best music app UI idea I ever saw created by Alexandr Demidov.

google-material

source

12.Checkout Flow – Card

this Checkout Flow – Card created by Ramakrishna V.

google-material

source

13.Hybrid Interval Timer for android

this awesome Hybrid Interval Timer for android created by Javier Salmona.

google-material

source

14.Movie Details :Hover Interaction

The idea was to show more at a glance with a simple mouse hover interaction. created by Ehsan Rahimi.

google-material

source

15.Google Now Inspired Flip Cards

this flip effect is created by Ettrics a codepen user.

google-material

source

16.Expanding Column Layout

this Expanding Column Layout effect is created by Ettrics a codepen user.

google-material

source

17.Material design transition

this transition effect is created by David Marland a codepen user.

google-material

source

18.Material Design Form 07

this Material Design Form 07 is created by Andres a codepen user.

google-material

source

19.L for Love

this beautifull effect is created by S — ZH.

google-material

source

20.Material Calculator

this calculator effect is created by Jovie Brett Bardoles.

google-material

source

What are your thoughts on Material Design? Let us know in the comments below. Also, if know of any other animated examples of Material Design , please do share them as well. i will add in this post.
Thanks 🙂

About the author

csshint

csshint is a web design and development blog that was originally created in 2016. we publishes articles and tutorials about the latest web trends, techniques. our team always dedicated to provide useful, inspiring and innovative content that is free of charge. you can follow us on:

Facebook and
twitter

45 Comments

Leave a Comment