About this component

Stacked Cards with Custom Cursor is a unique carousel component that creates an engaging card-shuffling experience. Cards stack with alternating rotation angles and shuffle through with smooth exit and elastic return animations. The component features a custom cursor that follows your mouse on desktop, creating a premium interactive feel.

Key Features:

• Unique Shuffle Animation: Top card exits with a flatten animation, repositions to the back, and returns with an elastic bounce

• Custom Follow Cursor: Smooth cursor with customizable text, colors, and styling (desktop only)

• Alternating Rotations: Cards automatically rotate left/right in an alternating pattern for visual interest

• Smooth Animations: Exit animation with realistic easing, elastic return spring, and press feedback

• Click Anywhere: Entire component is clickable - no need to hunt for buttons

• Responsive Design: Custom cursor on desktop (>810px), clean tap interaction on mobile

• Queue Support: Multiple rapid clicks queue up and execute smoothly

• Fully Customizable: 10+ property controls for complete styling control

Perfect for:

• Creative portfolios

• Testimonial showcases

• Product features

• Team member profiles

• Case study highlights

• Image galleries

• Service offerings

The component uses Framer Motion for buttery-smooth animations and maintains proper z-index ordering throughout the shuffle cycle. Direction alternates automatically (right, left, right...) for natural variety.