Side Rays
Documentation Index
Fetch the complete documentation index at: /llms.txt. Use this file to discover all available pages before exploring further.
Blend two colors into directional rays that enter from a chosen corner.
side-rays-demo
Overview
Side Rays creates a denser, two-color beam field from one corner of its container. Use it as a controlled atmospheric layer behind a focal object or short piece of display content.
Installation
Usage
import { SideRays } from "honestui/shaders"
<div className="h-80 bg-black">
<SideRays
className="size-full"
origin="top-right"
rayColor1="#ffbf69"
rayColor2="#7fb3ff"
/>
</div>Accessibility
Side Rays ignores pointer events and should remain decorative. Preserve a static background color beneath it and verify the contrast of any foreground content.