Layered Card Slider

Layered Card Slider

About Layered Card Slider

Elevate your Framer website with an interactive, high-performance Layered Card Slider. Designed with smooth spring physics and a fluid mouse-tilt effect, this component gives your portfolio, hero section, or product showcases a tactile, premium feel.

Built with Framer Property Controls, buyers can customize every detail directly from the Inspector panel—no coding required!

Key Features:

  • Interactive 3D Mouse Tilt: Cards react dynamically to cursor movement with natural, spring-based rotation physics.

  • Smooth Swipe & Drag Gesture: Drag cards left or right to cycle through the stack seamlessly.

  • Flexible Card Sizing: Adjust card width and height independently up to 300% to fit any layout or frame size.

  • Complete Typography Controls: Full control over font family, font size, font weight, and text color for card titles.

  • Custom Shadow Engine: Fine-tune shadow color, blur radius, and vertical offset to match dark or light design themes.

  • Opacity Decay & Depth Stacking: Automatic depth positioning with customizable opacity and scaling steps for inactive cards.

  • 100% No-Code Friendly: Upload images, edit text, and tweak physical properties directly in the Framer Canvas sidebar.

Perfect For:

  • Creative Portfolios

  • Feature Highlights & UI Kits

  • Product Showcases

  • Testimonial Cards & Hero Sections