Stacked card layout with reveal animation and depth effect.

Features

• ✅ Zero dependencies - Pure React implementation
• ✅ Full accessibility - ARIA labels, keyboard navigation, screen reader support
• ✅ Theme support - Light, dark, and auto modes
• ✅ Reduced motion support - Respects user preferences

Props

cards

• Type: string
• Cards (JSON array)

spacing

• Type: number - Default: 20
• Vertical spacing between cards (px)

scale

• Type: number - Default: 0.95
• Scale factor for stacked cards

currentIndex

• Type: number - Default: 0
• Current active card index

theme

• Type: 'light' | 'dark' | 'auto' - Default: 'auto'
• Theme mode

className

• Type: string
• Additional CSS class

onCardClick

• Type: (index: number) => void
• Card click handler

Customization

Webflow Classes

Target these classes in Webflow Designer for custom styles:

• .cc-card-stack
• .cc-card-stack__card
• .cc-card-stack__card-content
• .cc-card-stack__card-text
• .cc-card-stack__card-title
• .cc-card-stack__container