Lazy-uiLazy UI
Star0

Aurora Mesh

A flowing mesh gradient background — up to 8 color anchors drift on independent lissajous curves, the last anchor follows the cursor, and clicks emit a ripple that warps the field. Ships with glass + gooey SVG filters for children.

Lazy-ui
Move, click — aurora reacts

Beautiful backgrounds
that follow you.

A flowing mesh gradient. The brightest anchor tracks your cursor; click anywhere to send a ripple through the field.

Customize

Palette
Speed0.30x
Mouse pull0.60
Ripple0.060
Grain0.060
Wireframe opacity0.45
Mouse follow
Click ripple
Wireframe

Usage

import { AuroraMesh } from "@/components/lazy-ui/aurora-mesh";

<AuroraMesh
  palette="silver"
  speed={0.3}
  mouseInfluence={0.6}
  rippleStrength={0.06}
  grain={0.06}
  wireframeOpacity={0.45}
  mouseFollow={true}
  ripple={true}
  wireframe={false}
/>