Light that belongs
to the section.
Move the cursor across it. The curtain leans with you, and the scroll lifts it.
An aurora,
behind the work.
One WebGL pass: multi-octave noise, a vertical falloff and a slow warp. It leans towards the cursor, breathes with the scroll, halves its own resolution on a big screen, and falls back to painted bands where WebGL is missing.
Six projects,
one way of working.
The field sits under the text without ever competing with it.
Give the section
its own sky.
A procedural aurora drawn in one WebGL pass: two curtains of multi-octave noise flowing at different speeds through a slow warp, a vertical falloff that keeps it a band rather than a wash, three colours, and gentle reactions to the cursor and the scroll. It renders at a fraction of the screen resolution when the screen is large, stops completely when it is off screen, and paints soft bands on a 2D canvas where WebGL is missing.
Download the componentOne Code File. React and Framer only.
Reduced motion and canvas preview included.