Planet Rise

About Planet Rise

The view from low orbit, for your hero. The curved edge of a planet drawn live in WebGL: a thin band of atmosphere glowing against black space, faint cloud on the night side, stars, and the sun on the horizon with its flare — sliding along the edge of the world to follow the cursor. Switch it to Scroll and the planet climbs into view, then the sun breaks over its edge in a burst of light. Your headline, text and button sit in the sky above.

Features

• A real-time planet horizon in WebGL: glowing atmosphere, a night side with faint cloud, stars.

• The sun follows the cursor along the curve, with a damped, gliding follow.

• Scroll mode: the planet climbs into view and the sun crests it in a burst of light.

• Auto mode lets the sun drift by itself; Still holds it just cresting.

• Eyebrow, title, subtitle and a button in the sky, centred or aligned left.

• Atmosphere, glow, sun, planet and surface colours, thickness, glow amount and flare.

• Horizon height and planet curvature as controls.

• Keeps the sun on screen on phones; touch screens get the Auto drift.

• Reduced motion, a CSS frame in Framer's canvas and a no-WebGL fallback.

• One standalone React + TypeScript file, 30 property controls.

Created by LUNAUT Studio.