All effects
CursorClient component

Ripple Grid

A field of cells that contracts and illuminates in a delayed wave around the pointer.

Draw waves across the cell field

Effect style
Draw a delayed wave

Usage

tsx
import { RippleGrid } from "@/components/effects/ripple-grid"

export function Demo() {
  return <RippleGrid columns={12} rows={8} />
}