Powerful cursor-following hover component with 6 animation effects (Float, Tilt 3D, Scale, Magnetic, Elastic), dual image+video display, multiple trigger behaviors, and extensive customization options.
A professional hover effect component for Framer that displays media following your cursor. Connect CMS images and videos directly, display them simultaneously with dual tile mode, and choose from multiple interaction behaviors. Perfect for portfolios, product showcases, and interactive galleries.
Direct CMS image connection
Video files (mp4, webm, mov)
Video links (YouTube, Vimeo, Google Drive)
Automatic embed conversion
Hover: Show on mouse enter, hide on leave
Click/Drag: Show while clicking and dragging
Hover + Click Lock: Hover to show, click to lock position
Click & Lock: Click to display at fixed position
Show image + video simultaneously
Independent tile ratios (0.1x to 5x)
Custom offset, rotation, and scale for second tile
Choose which media appears in front
None: Static following
Float: Rotation based on cursor position
Tilt 3D: Perspective rotation on both axes
Scale: Size variation based on distance from center
Magnetic: Subtle pull toward container center
Elastic: Bouncy trailing motion
Keep Ratio mode preserves aspect ratios
Configurable width and height
Independent ratios for each tile in dual mode
Ghosting trail behind main tile
Adjustable trail length (2-15)
Smooth fade animation
Border radius, width, style, and color
Native Framer shadow control
Cursor hiding option
Configurable Z-Index (-10 to 10)
Fade in/out timing control
X/Y offset positioning
Muted/unmuted playback
Loop control
Autoplay on hover
Add the component inside a CMS Collection List item
Position it absolutely over your card/content
Connect Image Hover to your CMS image field
Optionally connect Video Hover (file or link)
Choose your Behavior mode
Select a Hover Effect
Configure Dimensions and Dual Display settings
Customize appearance (shadow, border, etc.)
Due to the digital nature of this product, all sales are final. Please review the demo and documentation carefully before purchasing. If you encounter any technical issues, contact us at framermaster@gmail.com — we're happy to help!
All payments are securely processed through Polar.sh.
Product Dude
