Cool blue moonlight falling through haze from just outside the frame, a calm hero background for SaaS and AI products.
About this tool
Moonlight is a cool blue key light falling across a deep night background, with long shafts that leave a clear area for the headline. It belongs to the Classic family: a key light just outside the frame, filmed through haze. The shafts are drawn in raw WebGL2 with no library: lead beams, irregular fillers, a bloom at the source and dust drifting through the light, with penumbrae that soften with distance. Colour, intensity, angle, spread, length, the mix of lead and fill shafts, haze, glow, dust and sway 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.
Effect · HTML / CSS / JS · All tools