Components
Magnet Lines
An interactive grid of lines that rotate to point toward the cursor, creating a magnetic field effect.
import { MagnetLines } from "@/components/ui/magnet-lines";
export default function Default() {
return (
<div className="flex min-h-[500px] w-full items-center justify-center bg-black">
<MagnetLines
rows={9}
columns={9}
containerSize="60vmin"
lineColor="#efefef"
lineWidth="0.8vmin"
lineHeight="5vmin"
baseAngle={0}
/>
</div>
);
}