One narrow beam of light cutting through darkness, a restrained hero for luxury product launches.
About this tool
Single Beam is one narrow beam from above, with a filmic core and a soft penumbra that widens as it falls. It belongs to the Minimal family: restrained light whose richness is in the edge and the falloff. Drawn in raw WebGL2 with no library, with soft penumbras that widen with distance, filmic cores and slow atmospheric motion. The light, its aim, width, reach and the air around it are editable live, along with the background, the canvas size, an optional headline and subline, speed and pause. Rendering pauses off screen, in a hidden tab and under reduced motion, a lost graphics context rebuilds itself, and the canvas resizes with its box. The export is one self-contained HTML file.
In collections: Luxury Brand Website Design
Effect · HTML / CSS / JS · All tools