component
MotionAura
By Hamim Reza
Details
- Hamim RezaAuthor
- componentType
- $10.00Price
- 2025-09-30Published
- 2026-04-16Updated
- 2025-09-21Added
- EffectsCategories
Summary
3D tilt interaction with spring physics
Description
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:
Introduction
3D tilt interaction with spring physics
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #6370