Interactive Grid
A responsive grid background that reacts to mouse movement.
Preview
Interactive Preview
Interactive Grid
Move your mouse to interact with the background.
Installation
Usage
tsx
import { InteractiveGrid } from "@/components/block/interactive-grid"
export default function Section() {
return <InteractiveGrid gridSize={50} dotSize={3} />
}Dependencies
framer-motion
Props
| Prop | Type | Default |
|---|---|---|
| gridSize | number | 40 |
| dotSize | number | 2 |