Stacked Card Carousel

A premium, modular React component from the React Bytes collection. Built with React and TypeScript.

Installation

npm install @reactbytes/stacked-card-carousel

Usage

import { StackedCardCarousel } from "@reactbytes/stacked-card-carousel";

export default function Example() {
  return (
    <StackedCardCarousel />
  );
}

Properties

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | cardWidth | number | 320 | Width of each individual card in pixels. | | cardHeight | number | 440 | Height of each individual card in pixels. |

Presets

This component includes the following design presets:

• Classic (Default) (classic)
• Compact (compact)
• Tall & Elegant (tall)
• Large Display (wide)
• Dramatic Scale (dramatic)

Credits & Inspiration

Libraries

• Framer Motion - Animation Library
• Lucide React - Icon System

Project Author

• ChandruMIT-o - Creator & Lead Designer

For interactive playgrounds, customizable controls, and code copy-pasting, visit the full showcase page at React Bytes - Stacked Card Carousel.