Magnet Lines

An interactive magnetic field effect for Framer that uses a grid of fine lines that dynamically rotate toward your pointer. Move your cursor across the component and the lines react in real time, creating a fluid magnetic-field visualization.

Live Preview: https://magneticlines.framer.ai/

Gumroad Link: https://rohitanand.gumroad.com/l/ndxmbw?wanted=true

Features

• Interactive pointer-based line movement

• Adjustable rows and columns

• Custom line color

• Custom line width and height

• Adjustable overall grid size

• Configurable default/base angle

• Lightweight and built for smooth real-time interaction

• Works responsively inside any Framer frame

Perfect for: hero sections, interactive backgrounds, portfolios, creative websites, and futuristic UI designs.