Lazy-uiLazy UI
Star0

Horizon Glow

A dark/light WebGL horizon arc with drifting palette stops, soft upward rays, gated cursor glow, and a reduced-motion static fallback.

Lazy-ui
Hover and click the horizon

Light that
rises quietly.

A transparent WebGL horizon arc with drifting color, hover-reactive rays, click ripples, and a reduced-motion static fallback.

Customize

Mode
Palette
Speed0.35x
Intensity1.15
Rise0.48
Rays0.85
Softness0.58
Mouse pull0.55
Ripple strength0.65
Mouse follow
Click effect
Content

Usage

import { HorizonGlow } from "@/components/lazy-ui/horizon-glow";

<HorizonGlow
  mode="dark"
  palette="aurora"
  speed={0.35}
  intensity={1.15}
  rise={0.48}
  rays={0.85}
  softness={0.58}
  mouseInfluence={0.55}
  rippleStrength={0.65}
  mouseFollow={true}
  clickRipple={true}
/>