Light Pillar
A tall shaft of light with drifting haze, fading between two colors. It leans toward the pointer.
import { LightPillar } from "pleate/effects/light-pillar";Behind a headline
Stand in the light
Props
- width
Width multiplier of the pillar.
numberdefault 1- intensity
Brightness of the glow.
numberdefault 1- rotation
Rotation of the pillar in degrees.
numberdefault 0- colors
CSS colors or tokens: top and bottom of the pillar. Defaults follow the palette.
string[]- speed
Playback speed.
numberdefault 1- scale
Pattern size; above 1 is bigger.
numberdefault 1- interactive
React to the pointer over the parent.
booleandefault true
Accessibility
- Decorative: the canvas is aria-hidden and ignores pointer events, so content on top stays usable.
- Pauses off screen and in hidden tabs; with reduced motion it shows a still frame.
- Fills its parent: give the parent position relative and the background absolute inset-0.