5 Unique Material Design Inspired Elements


Nowadays, material design can be found everywhere, from mobile apps to websites, even magazines and television. Below are 5 unique and interesting elements I found on CodePen.io that showcase the beauty and flexibility of material design. Examples are interactive and come complete with CSS, HTML, and JavaScript.

1. Angular Material Progress Button

See the Pen angular | material circular progress fab button by mindstorm (@mindstorm) on CodePen.0

2. Material Boarding Pass

See the Pen Material Boarding Pass by Chris Gannon (@chrisgannon) on CodePen.0

3. Material Design Responsive Card

See the Pen Material Design – Responsive card by David Foliti (@marlenesco) on CodePen.0

4. Material Compact Login Animation

See the Pen Material Compact Login Animation by Yusuf Bakır (@yusufbkr) on CodePen.0

5. Material Playing Cards

See the Pen Material Playing Cards by Andy Tran (@andytran) on CodePen.0


If you have any unique material design elements you would like to feature on this blog, please leave us a comment or message.

7 responses on “5 Unique Material Design Inspired Elements

  1. Holy cow, these are awesome. I love those responsive cards! I’m on a PC right now but I bet they look amazing on mobile.

  2. Leonid

    Yeah, I agree with you.
    P. S. Design of this site is awesome!

  3. sasdsadasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

  4. This blog gives the details about the job offers. This is very useful for job searchers. Here this blog helps to know about the job details. Thanks for this informative blog

  5. Bhavik Solanki

    Thank you for sharing this great information. In this post give good explanation in detail that helps people. It’s wonderful information. This information helpful for me. It’s great post.

  6. Adam Hayat

    I totally agree with your blogs.thanks for sharing.

  7. Thank you for compiling these great examples. I admit that I cannot look at #3 without thinking of “more cowbell”. Great job.

Leave a Reply