Light Rays

Soft volumetric rays fan from an off-screen source and sweep slowly, brightening and thinning as the angle changes.

#rays #volumetric #sweep #light

backgrounds / bg-light-rays

Playback

Complexity

Foundational

Interaction

Autoplay

Stack

CSS

Related motions

Spotlight

Hero · CSS / Framer Motion

A headline sits in near-darkness. The pointer carries a soft light that reveals the type and a fine grid beneath it, with a slow ambient drift when idle.

Circuit

Buttons · SVG / CSS

A bright segment runs the perimeter as a stroke-dash offset, leaving a short fading tail. On hover it accelerates and the fill lifts a step.

Aurora Field

Backgrounds · CSS / Framer Motion

Two or three large color lobes wander on slow independent orbits behind heavy blur, reading as a calm aurora suitable behind hero or auth screens.