MotionAura

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.

Features

• 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

Property Controls

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

Use Cases

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: