Magnet Lines

Framer Background Component

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.

Framer Background Component