We are live on DevHunt: tool of the week contest

check it out

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

PropTypeDefault
gridSizenumber40
dotSizenumber2