Webflow cloneable · Text Effects

Magnetic Interactions Images Hover Webflow cloneable

Enhance your Webflow links with Magnetic Images Hover Webflow cloneable. Add dynamic images that stick to the cursor on hover, overlaying text for a visually appealing effect. No custom code needed. Optimize your Webflow projects with this interactive feature.

Magnetic Interactions Images Hover on a desktop screen
Magnetic Interactions Images Hover on a phone
Screenshots of the live preview, Nov 7, 2026 Open live preview

About cloneable

The Magnetic Images on Hover of Text technique allows you to add dynamic and visually appealing images to your links on Webflow. As the user hovers over the links, the images will appear and "stick" to the mouse cursor, while the text overlays on top of the image. This effect is achieved through the use of Webflow interactions, which utilize hide/show, scale, opacity, text color, and border color to create the desired effect. No custom code or HTML embeds are required to implement this technique. Jonas Arleth has created a Webflow cloneable that demonstrates this technique and has categorized it under the categories of Hover, Image, Text Effects, and Interactions. By using the Magnetic Images on Hover of Text technique, you can add an extra layer of interactivity and visual interest to your Webflow projects.

Scroll Title Image Interaction Animation
Scroll Title Image Interaction Animation Enhance your website with the Scroll Title Image Animation Webflow cloneable. Featuring visually striking scrolling interactions without code. Perfect for adding dynamism and engaging visitors. Created by Tambien, it's ideal for anyone looking to add a dynamic and captivating scroll animated section.
Clone
Interactions Vertical Marquee Text Scroll
Interactions Vertical Marquee Text Scroll Elevate your Webflow site with Vertical Marquee Text Scroll cloneable. Add dynamic vertical infinite scroll effects effortlessly. Engage visitors with masking hover effects for an interactive experience. Stand out with this unique design element.
Clone
SplitText text animation
SplitText text animation Easily enhance your website with engaging SplitText text animation effects using this Webflow cloneable. Elevate user interaction with interactive elements and sound effects on hover and click events. Ideal for adding dynamic effects to your site.
Clone
GSAP CMS Scroll Animation
GSAP CMS Scroll Animation Discover the power of scroll-triggered animation with this Webflow cloneable. Enhance user engagement with captivating GSAP effects like scaling and rotation. Perfect for seamless transitions and responsive design. Leverage Webflow CMS for dynamic customization.
Clone
CSS Link Hover Effects
CSS Link Hover Effects Enhance your website with 20 unique CSS link hover effects using this Webflow cloneable. Elevate user experience and add dynamic micro-interactions effortlessly. Perfect for easy customization without complex coding.
Clone
GSAP SplitType Text Animation
GSAP SplitType Text Animation Enhance your website with captivating hover animations using this Split Type text animation Webflow cloneable. Showcase stylish text effects with GSAP and individual letter rotation on hover, adding a dynamic touch to your web design. Ideal for modern and engaging user interactions.
Clone
Dynamic CMS Multi Image Slider
Dynamic CMS Multi Image Slider Enhance your website with a Dynamic CMS Multi Image Slider Webflow cloneable. Easily manage and update images in a customizable slider for a visually appealing site. Created by Eli Shmerler, this versatile tool offers category filtering and customizable links.
Clone
Smooth Scrolling Effects
Smooth Scrolling Effects Elevate your website with smooth scrolling effects using this Webflow cloneable. Enhance user experience and design aesthetics effortlessly. Streamline your design process and create visually engaging elements with ease.
Clone