Description
3D Tilt Card Hover brings static cards to life with smooth, cursor-responsive 3D interactions that create a realistic sense of depth and motion. As users move their mouse, each card tilts naturally while dynamic lighting, soft shadows, and subtle reflections follow the cursor, delivering a premium interactive experience.
Perfect for portfolios, product showcases, pricing cards, feature sections, and landing pages, this component is fully customizable in Framer with no code required. Fine-tune tilt intensity, perspective, spring animation, hover scaling, glow effects, shadow depth, border radius, colors, and transition speed directly from the Properties panel.
Features
Realistic 3D cursor-follow tilt effect
Smooth spring-based hover animations
Dynamic lighting and soft glow
Adjustable perspective and rotation strength
Customizable shadows, borders, and colors
Optional hover scale and floating effect
Responsive across desktop, tablet, and mobile
Optimized for high-performance 60 FPS animations
Native Framer component with easy Property Controls
No code required — fully customizable
Perfect for portfolios, SaaS, agencies, product cards, and hero sections