50 components available

Stacked Cards

April 2025
Login to access the code
A draggable stack of interactive image cards that rotate and reorder themselves when dragged beyond a sensitivity threshold.
Playground
() => {
const images = [
  "https://reverseui.com/thumbnails/sms-alert.jpg",
  "https://reverseui.com/thumbnails/caesar-cipher.jpg",
  "https://reverseui.com/thumbnails/orbit-rings.jpg",
  "https://reverseui.com/thumbnails/speedy-circles.jpg",
  "https://reverseui.com/thumbnails/retro-terminal.jpg",
];

return <StackedCards images={images} dimensions={{width: 220, height: 220}} />
};

Installation

Whoops, hang on for a sec
You don't have access to view this resource