Liquid Wallpaper Field

"use client";

import { useEffect, useRef } from "react";
import type { ReactNode } from "react";

/**
 * LiquidWallpaperField — a slow WebGL wallpaper made to sit behind glass.
 *
 * Layers of colour fold over one another like sheets of silk: each has a
 * crisp, lit top edge, a sheen that fades down its face and a soft shadow on
 * the layer behind it. The whole field breathes on one seamless loop (60
 * seconds by default; every wave is a whole multiple of the loop, so the last
 * frame meets the first). Move the pointer and the layers shift by depth, a
 * few pixels of parallax.
 *
 * Why it is built this way: glass only looks like glass when it has something
 * to bend. A blurry gradient gives a lens nothing to work with, so this field
 * is vivid and low-frequency (big shapes, nothing busy behind your text) but

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}