Diagonal Card Stack

Exact recreation of the diagonal cascading card stream & stacked deck collapse animation.

Library

Rewamp UI

Framework

React

Type

component

Install

npx rewampui add diagonal-card-stack

Files

• src/components/ui/DiagonalCardStack.jsx
• src/assets/cards/sky-curtain.webp
• src/assets/cards/airplane-sunset.webp
• src/assets/cards/rainbow-hill.webp
• src/assets/cards/train-window.webp
• src/assets/cards/kangaroo-planet.webp

Source

https://github.com/palakonweb/Rewamp-UI

Categories

• Card Stack Components
• React Card Stack Components
• Tailwind CSS Card Stack Components
• Animated Card Stack Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from Rewamp UI

• Perspective Flip Deck
• Ambient Glow Orbs
• Animated Search Demo
• Arch Card Carousel
• Ascii Matrix Hover
• Book A Call Button
• Character Scramble Text
• Chrome Border Button
• Circular Radial Navbar
• Cosmic Dust
• Curtain Reveal Navbar
• Dark Mode Mobile Navbar