---
title: "MagneticGridFX — Framer component · Best of Framer"
description: "$15.00 · Framer component · by DiverseKit · Effects. Interactive grid with magnetic hover"
canonical: "https://framer.elliotli.dev/component/magneticgridfx"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/MagneticGridFX

# MagneticGridFX

Interactive grid magnetic hover

[View on Framer](https://framer.com/marketplace/components/magneticgridfx/?via=elliot-li)

![MagneticGridFX preview image 1](https://framer.elliotli.dev/og/component/magneticgridfx/1ede0ba707c5a45a/1600x1200.jpg)

## Summary

Interactive grid with magnetic hover

## Description

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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-y94u318a-QCWX0YA4xu4C9NNW2mXlWVQdA3MgyI)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

## Rank history [How rankings work →](/terms#rankings)

-   All · #7359

## Details

- **Author**: DiverseKit
- **Price**: $15.00
- **Published**: 2026-03-05
- **Updated**: 2026-10-01
- **Added**: 2026-02-28
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo