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.
2.Google’s Material Design Animation
this awesome Google’s Material Design Animation created by Balraj Chana
3.Alarm Material UI
this animated Looks really nice,like the colours and the animations is great!
this animated is created by Ehsan Rahimi.
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.
5.Material Compact Login Animation
this Material Compact Login Animation created by Yusuf Bakır a codepen user.
6.Tabs Modal
this Tabs Modal effect created by Andy Tran a codepen user.
7.FAB Menu
this FAB Menu effect created by Mourad Majdoub a codepen user.
8.material dropbox
this Material Dropbox Design Animation created by Samuel Atmore.
9.Filter Menu
this Beautiful, and very communicative effect created by Anton Aheichanka.
10.View Contact from List
this Beautiful Animated transition from contact list to contact detail view effect created by Eric Azares.
11.Music app research
Cool! The best music app UI idea I ever saw created by Alexandr Demidov.
12.Checkout Flow – Card
this Checkout Flow – Card created by Ramakrishna V.
13.Hybrid Interval Timer for android
this awesome Hybrid Interval Timer for android created by Javier Salmona.
14.Movie Details :Hover Interaction
The idea was to show more at a glance with a simple mouse hover interaction. created by Ehsan Rahimi.
15.Google Now Inspired Flip Cards
this flip effect is created by Ettrics a codepen user.
16.Expanding Column Layout
this Expanding Column Layout effect is created by Ettrics a codepen user.
17.Material design transition
this transition effect is created by David Marland a codepen user.
18.Material Design Form 07
this Material Design Form 07 is created by Andres a codepen user.
19.L for Love
this beautifull effect is created by S — ZH.
20.Material Calculator
this calculator effect is created by Jovie Brett Bardoles.
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 🙂
