---
title: "Magnetic Field — Framer component · Best of Framer"
description: "$7.00 · Framer component · by DariStudio · Sections. Magnetic Field An ambient field of iron filings that align to your cursor — with a soft glow that tracks the pointer."
canonical: "https://framer.elliotli.dev/component/magnetic-field"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Magnetic Field

# Magnetic Field

Filings that align to your cursor

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

![Magnetic Field preview image 1](https://framer.elliotli.dev/og/component/magnetic-field/734a619f97058681/1600x1200.jpg)

## Summary

Magnetic Field An ambient field of iron filings that align to your cursor — with a soft glow that tracks the pointer.

## Description

Magnetic Field

An ambient field of iron filings that align to your cursor — with a soft glow that tracks the pointer. Drop it behind a hero, a section, or a full page for a background that reacts to every move, then settles into a quietly alive resting state when the cursor leaves.

One Framer code component. No dependencies, no setup — paste, drop, style.

**What's inside**

\- Real-time filings that orient toward the cursor, with a glowing hotspot

\- Fully themeable: background, filings, glow, density, length, thickness, reach

\- Cursor or Static mode

\- Scales from a small card to a full-bleed hero

**Great for**

Landing pages, portfolios, developer tools, and any hero that needs a "how was this made?" moment.

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

-   All · #7178

## Details

- **Author**: DariStudio
- **Price**: $7.00
- **Published**: 2026-07-31
- **Updated**: 2026-07-31
- **Added**: 2026-07-31
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes