magnet-lines

name	magnet-lines
description	A grid of little lines all point toward the cursor — a hypnotic interactive field for a hero/background. One field per view; it's attention-grabbing. Frozen under prefers-reduced-motion.
triggers	["magnet lines","pointer field","磁力线","指向光标"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}}

magnet-lines

Magnet Lines Dependency-free, reduced-motion safe.

How to apply

Copy css+js; <div class="mag-lines" data-rows="9" data-cols="9"></div>.