Components
An interactive grid of lines that rotate to point toward the cursor, creating a magnetic field effect.
npx @21st-dev/cli add componentry/magnet-linesLoading preview...
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>
);
}