Ionic Material Cards
A ionic material cards built with modern frontend techniques for responsive and reusable UI.
Technologies
Ionic, Material Design
Difficulty
beginner
Responsive
Yes
Material Design Cards
16 snippetsBrowse Material Design Cards examples — animations, layouts, typography, and visual effects. Filter the directory below.
css-material-design-cards
Snippets(16)
Material CardA material card built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerFeatures
Hover animation, Dynamic background expansionResponsive
Yes
Material CardA material card built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
animated charts, interactive toggle, state transitions
Material Card DesignA material card design built with modern frontend techniques for responsive and reusable UI.
Difficulty
BeginnerFeatures
Ripple effect, Hover shadows, Entrance animationResponsive
Yes- Material Card Login Form
A material card login form built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
centered layout, card-based designResponsive
Yes - Material Card Transform
A material card transform built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes 
Material Card with Animated Featured ImageA material card with animated featured image built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
BeginnerFeatures
Cubic-bezier animation, Hover effects, Shape morphingResponsive
Yes- Material Card with Menu
A material card with menu built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerResponsive
Yes 
Material CardsA material cards built with modern frontend techniques for responsive and reusable UI.
Technologies
SCSS, FlexboxDifficulty
BeginnerFeatures
Hover effects, Responsive grid, Material DesignResponsive
Yes
Material CardsA material cards built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
responsive grid, media blocks, action buttonsResponsive
Yes- Material Cards Stack
A material cards stack built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
Staggered animations, Scaling effects, Bounce transition 
Material Design Card EffectA material design card effect built with modern frontend techniques for responsive and reusable UI.
Technologies
SCSS, CSS3Difficulty
IntermediateFeatures
Multi-layered shadows, Material Design elevation- Material Design: Profile Card
A material design: profile card built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
AdvancedFeatures
Sequential Reveal, Shape Morphing, Material DesignResponsive
Yes 
Skill Material CardA skill material card built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover-effect, staggered-animation, progressive-disclosureResponsive
Yes- Web Material Card Concept
A web material card concept built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
collapsible-panel, animation, material-designResponsive
Yes 
Creative Section DesignA creative section design built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover animations, interactive cards, gradient bordersResponsive
Yes