MagneticEffect
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.
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.
AkemDesign
