Skip to content

component

Layered Card Slider

By arval rizki aditya

Details

Summary

Elevate your Framer website with an interactive, high-performance Layered Card Slider.

Description

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

Introduction

Fully Custom 3D Tilt Card Stack

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300131398/198/259/19/89/15
  • All · #3139