Dot Grid Spotlight – 이승민

커서를 따라다니는 스포트라이트가 있는 도트 그리드예요.

설치

처음이라면 components.json에 @smlee 레지스트리를 한 번만 등록하세요.

{
  "registries": {
    "@smlee": "https://smlee.info/r/{name}.json"
  }
}

그다음 컴포넌트를 추가해요.

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

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

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

속성

타입