MagneticGridFX

Interactive grid with magnetic hover

MagneticGrid FX is a Framer component that arranges elements in a grid and reacts to user hover with magnetic motion. As the cursor approaches, grid items subtly move toward it, creating a playful, interactive feel. You can customize grid size, item spacing, attraction strength, movement range, easing, delay, and animation speed. Supports hover, drag, and scroll triggers for different interaction modes. Items can scale, rotate, glow, or animate independently for extra dynamism. Fully responsive and performance-optimized, MagneticGrid FX works beautifully on desktop and mobile. Perfect for portfolios, product showcases, team sections, interactive dashboards, and landing pages, it turns a static grid into a tactile, motion-rich experience.

Interactive grid with magnetic hover