Background Effects

A decorative, full-bleed background layer — a subtle dotted grid masked to a soft radial vignette. It is positioned absolutely and is purely visual (pointer-events-none), so it sits behind your content inside any relative container.

Import

import { BackgroundEffects } from "@yuhuanowo/yunui/patterns";

Example

Drop it as the first child of a relative container that has some height.