LUNAUT STUDIO
TIDAL HORIZON

The sea keeps
time with you.

Scroll to raise the sun

Morning. Scroll back up and it sinks again.

Get Tidal Horizon
A WHOLE SKY IN ONE CODE FILE.

The hero that
rises with the reader.

A real WebGL sea: procedural swell, a wave simulation the cursor writes into, fresnel reflections of the same sky it sits under and a path of light that sparkles on every crest. The sun or the moon climbs out of the water as the section scrolls, the sky changes hour behind it, and the camera sinks towards the waves. Switch between the two and the whole scene crossfades. It pins itself, pauses off screen, drops resolution on phones and holds one still frame in Framer's canvas.

Download the component One code file. React and Framer only, no libraries.
Reduced motion, static preview and a no-WebGL fallback included.
LUNAUT STUDIOINDEPENDENT OBJECTS. DISTINCTIVE WEBSITES.TIDAL HORIZON / 1.0

Create a free website with Framer, the website builder loved by startups, designers and agencies.