MagneticEffect

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.