A 3D tilt interaction component that makes any frame, image, or video respond to mouse movement with spring physics and dynamic depth shadows. Built for product showcases, portfolios, and landing pages that need premium hover interactions.
Smooth 3D tilt on mouse move with spring physics
Works with frames, images, videos, stacks and any canvas element
Dynamic shadow moves opposite to cursor for authentic depth
Adjustable tilt angle (0–30°), hover scale and shadow strength
Floating tooltip that follows cursor for extra interactivity
Subtle hover overlay for visual feedback
Mobile optimized with optional touch support
Preserves original element layout and styling
No code needed — all controls in Framer panel
Content — connect any frame, image or video element
Tilt — tilt angle (0–30°), hover scale
Shadow — shadow strength, shadow color
Tooltip — tooltip text, tooltip toggle
Overlay — hover overlay color, overlay opacity
Mobile — touch support toggle
Product showcases · Feature highlights · Creative portfolios · Interactive galleries · Hero sections · E-commerce product cards · Call to action blocks · Landing pages
SEO Keywords
framer 3d tilt · framer tilt effect · framer hover effect · framer mouse interaction · framer 3d card · framer spring animation · framer interactive component · framer depth effect · framer tilt animation · framer hover interaction · framer mouse effect · framer 3d interaction · framer product showcase · framer code component · framer motion effect
Customization:
Hamim Reza
