About
Leaf shadow shader background at dusk: dappled light through a swaying tree, a coral sun pooling across a violet plaster wall under film grain. Move to push the leaves, click for a gust of wind. One WebGL fragment shader, no textures, React only.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Dusk Leaf Shadow Shader Background to your project and fits it to your theme.
Code
How Dusk Leaf Shadow Shader Background is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client"
import LilacDuskCanopy from "@/components/ui/lilac-dusk-canopy"
export default function Demo() {
// w-full matters: 21st centres every demo in a flex wrapper, and a flex item
// left at width:auto shrinks to its contents — which for a canvas is 0px.
return (
<div className="w-full">
<LilacDuskCanopy />
</div>
)
}
















