Free Hand-picked 22 HTML and CSS Stacked Cards. The code includes a live demo and download. For some of the stacked cards have animation effects. Update with 6 new items on May 29, 2023
About the Code
Stacking Cards
A stacking card effect.
Dependency:–
Animation:yes
About the Code
Stacked rainbow cards
Dependency:–
About the Code
Movable Stacked Card Row in CSS
Dependency:–
Responsive:yes
Animation:yes
About the Code
Stacked Card navigation
Animation:yes
About the Code
The Scattering cards
Stacked Cards with randomized rotation. Renders a slightly scattered stack of cards with randomized rotation and transform-origin on each card.
Animation:yes
About the Code
Stacked cards
Stacked cards are draggable and can be thrown off the top of the “deck”. Looks best on smaller screens.
Responsive:yes
Animation:yes
About the Code
Swipe Stacked cards Animation
Swipe Stacked cards demo made with hammer.js
Dependency:–
Responsive:yes
Animation:yes
About the Code
Animated Card Stacks
Simple animations to separate stacks of cards
Responsive:no
Animation:yes
About the Code
Card Stack
Displays a stack of cards. When the user hovers (or taps) the cards, they spread out and the user can hover (or tap) each card to see it.
Responsive:yes
Animation:yes
About the Code
Card stack animation
Responsive:no
Animation:yes
About the Code
Comment Stacked Card Animation
Flip through a stack of comment cards.
Responsive:yes
Animation:yes
About the Code
CSS Tricks Stacked Card
Dependency:–
Responsive:no
Animation:yes
About the Code
Stacked Cards
hammer.js and requestAnimationFrame imitating a stack of cards.
Dependency:–
Responsive:yes
Animation:yes
About the Code
Pure CSS – Sticky-Stacked Cards
Dependency:–
Responsive:yes
Animation:yes
About the Code
Stacked Cards: Horizontal
Dependency:–
Responsive:yes
Animation:yes
About the Code
Stacking Cards
Dependency:–
Responsive:yes
Animation:yes
About the Code
Stacked cards
Responsive:yes
Animation:yes
About the Code
Mouse Hover Card Stack
Revealing each card from a stack of cards on hover.
Dependency:–
Responsive:no
Animation:yes
About the Code
Stacked cards concept
Animated deck of cards.
Dependency:–
Responsive:yes
Animation:yes
About the Code
Stacked Cards
Dependency:–
Responsive:no
Animation:yes
About the Code
Stacked Cards Smooth Show on Hover
Dependency:–
Responsive:no
Animation:no
About the Code
Card hover effects
HTML/CSS version of card hover effects.
Dependency:–
Responsive:yes
Animation:yes
