MagneticEffect

Cursor-driven motion, any layer.

About Magnetic Effect brings your designs to life with physics-based motion that responds to the cursor in real time. Drop any component inside, and watch it subtly follow or flee the mouse — no code, no setup, just plug and play. Whether you want to draw attention to a testimonial, make a CTA impossible to ignore, or simply add a layer of interactivity that feels premium, Magnetic Effect does the heavy lifting. It works with any design you connect to it — buttons, cards, images, social proof badges, entire sections. Your layout, your style, enhanced with effortless motion. The effect stays active across the entire viewport. No hover zone, no dead spots — wherever the cursor moves on the page, your element reacts. Key Features Two modes — Attract pulls the element toward the cursor; Repel pushes it away. One toggle to switch. Always active — The effect responds to the mouse regardless of distance, keeping the motion alive at all times. Works with any content — Drop in a button, a card, a testimonial, an image. Whatever you design, it just works. Smooth spring physics — Built on Framer Motion springs for fluid, natural movement with zero jank. Fully customizable — Fine-tune distance, stiffness, damping, and mass directly from the property panel to match your exact feel. Lightweight & invisible — Zero visual footprint. It wraps your content without adding markup or affecting your layout.

Cursor-driven motion, any layer.