All effects
BackgroundClient component

Cursor Gradient

An animated color mesh with a luminous field that follows the pointer in real time.

Move to bend the light field

Effect style

Bend the spectrum.

Move the light field

Usage

tsx
import { GradientMesh } from "@/components/effects/gradient-mesh"

export function Demo() {
  return <GradientMesh className="h-[420px]" followPointer />
}