TOP 10 CSS Material Design Cards

IONIC MATERIAL CARDS

Ionic Material cards with Bootstrap.

See the Pen Ionic Material Cards with Bootstrap by Faizan Saiyed (@saiyedfaizan19) on CodePen.

MATERIAL CARD DESIGN

Another design for card based on the Google’s Material Design along with the ripple effect on the CTA.

See the Pen Material Cards Design #2 by Viraj Trivedi (@inf3cti0n95) on CodePen.

SKILL MATERIAL CARD

A Material Design card to display skill.

See the Pen Skill Material Card by Balsakup (@Balsakup) on CodePen.

MATERIAL CARD

Click on the orange circle to show up the diagrammatic overview.

See the Pen Material Card: Pure CSS Diagram by Moritz S. (@Befeepilf) on CodePen.

MATERIAL CARD

See the Pen Material Card by Abdul Razak Shaikh (@abdulrazakshaikh) on CodePen.

MATERIAL CARDS

See the Pen Material Cards by Thomas (@Brejkish) on CodePen.

PROFILE CARD

Material Design: profile card.

See the Pen Material Design: Profile Card by Emil Devantie Brockdorff (@Mestika) on CodePen.

MATERIAL CARDS

See the Pen Material cards by ZhangZhuo (@zhangzhuo) on CodePen.

MATERIAL CARD WITH ANIMATED FEATURED IMAGE

Experiment with Material Design. Animates the featured image and headline and adds button when hovered.

See the Pen Material Card with Animated Featured Image by Knol (@knolaust) on CodePen.

MATERIAL DESIGN CARD EFFECT

Playing with Google Design card effect.

See the Pen Material design – card effect by Hugo Giraudel (@HugoGiraudel) on CodePen.