Light Rays
Documentation Index
Fetch the complete documentation index at: /llms.txt. Use this file to discover all available pages before exploring further.
Cast soft animated rays from any edge with optional pointer influence.
light-rays-demo
Overview
Light Rays creates a directional atmospheric wash with controllable spread, length, color, noise, and distortion. It is suited to dark hero surfaces and media where the light source should feel spatially anchored.
Installation
Usage
import { LightRays } from "honestui/shaders"
<div className="h-80 bg-black">
<LightRays
className="size-full"
raysColor="#b8d6ff"
raysOrigin="top-center"
lightSpread={0.72}
followMouse={false}
/>
</div>Accessibility
Light Rays ignores pointer events and should stay decorative. Keep the foreground readable without the rays, and disable followMouse when pointer response would be distracting.