LUNAUT STUDIOGet the component
OBJECTS FOR THE WEB / 032Planet Rise
ORBIT 01 · FIRST LIGHT

A new day,
from up here.

Move along the horizon. The sun follows you over the edge of the world.

Launch
Interaction
Atmosphere
SCROLL TO RISELEFT LAYOUT · SCROLL
T-MINUS 00:00:10

Hold on.
Here it comes.

Scroll and the planet climbs into view, then the sun breaks over its edge.

Book a seat
A HORIZON FOR YOUR HERO.

The view from
four hundred kilometres up.

The curved edge of a planet drawn live in WebGL: a thin, glowing band of atmosphere, a dark surface with faint cloud, a field of stars, and the sun on the horizon with its flare — following the cursor along the edge of the world. Switch it to scroll and the planet climbs into view and the sun crests it as the section passes. Your headline, text and button sit in the sky above; colours, curvature and horizon are all controls.

Download the component

One Code File. React and Framer only.
Touch, reduced motion, CSS fallback and canvas preview included.

LUNAUT STUDIOINDEPENDENT OBJECTS. DISTINCTIVE WEBSITES.PLANET RISE / 1.0

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