Dot Grid Spotlight

Interactive dot grid with a cursor-tracking spotlight effect.

Installation

pnpm dlx shadcn@latest add @ncdai/dot-grid-spotlight

Usage

import { DotGridSpotlight } from "@/components/dot-grid-spotlight"

<div className="relative aspect-square w-xs">
  <DotGridSpotlight />
</div>

API Reference

DotGridSpotlight

Prop

Type

References

Inspired by the image-generating effect of ChatGPT