IONIC MATERIAL CARDS

Ionic Material cards with Bootstrap.

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

Author

  • Faizan Saiyed

Made with

  • HTML / CSS

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.light

Author

  • Viraj Trivedi

Made with

  • HTML / CSS (Sass) / JavaScript

SKILL MATERIAL CARD

A Material Design card to display skill.

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

Author

  • Balsakup

Made with

  • HTML (Pug) / CSS (Sass)

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.light

Author

  • Raymond Phair

Made with

  • HTML / CSS

MATERIAL CARD

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

Author

  • Abdul Razak Shaikh

Made with

  • HTML / CSS

MATERIAL CARDS

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

Author

  • Thomas

Made with

  • HTML / CSS

PROFILE CARD

Material Design: profile card.

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

Author

  • Emil Devantie Brockdorff

Made with

  • HTML / CSS

MATERIAL CARDS

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

Author

  • ZhangZhuo

Made with

  • HTML / CSS (SCSS)

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.light

Author

  • Knol Aust

Made with

  • HTML / CSS

MATERIAL DESIGN CARD EFFECT

Playing with Google Design card effect.

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

Author

  • Hugo Giraudel

Made with

  • HTML / CSS (SCSS)

Categorized in: