22 Material Design Examples in HTML & CSS

Material Design is the visual language Google created to synchronize web design efforts and make sites scalable across all major platforms and devices. We’ve seen many sites and apps that have incorporated the visual language successfully.

If you’re looking for examples of Material Design in action, we compiled a list of 22 Material Design examples in HTML & CSS. Hope you will love this :).

• Material Design Resources For Web Designer And Web Developer
• 25+ Examples of Material Design With Awesome Effects
• 25 Awesome Material Design Cards Concept
• 28 Creative Menu with Material Design

1 – Simple Material VCard

Demo & Source

2 – Responsive material card

Demo & Source

3 – Material Playing Cards

Demo & Source

4 – Jelly Effect in Card

Demo & Source

5 – CSS3 + SVG – Weather Card Animation

Demo & Source

6 – Google Play Store App Card

Demo & Source

7 – Article News Card UI Interaction CSS Only

Demo & Source

8 – Cards Hover Animation

Demo & Source

9 – Introducing people cards

Demo & Source

10 – Mobile Cards

Demo & Source

11 – Interactive Wallet

Demo & Source

12 – Hi There card !

Demo & Source

13 – Interactive profile card

Demo & Source

14 – Floating Action Button and Morphing with CSS3

Demo & Source

15 – material upload button with progress

Demo & Source

16 – Stepper 3D

Demo & Source

17 – Floating Action Button

Demo & Source

18 – Upload Button Progress Design

Demo & Source

19 – Morph – Floating Button

Demo & Source

20 – Google dots animation

Demo & Source

21 – Nav List Detail Angular-Material Layout

Demo & Source

22 – Material music player

Demo & Source