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