A website that breathes with the sun.
Sunrise, noon, golden hour, blue hour, midnight — DynamicSky simulates a full day in the sky, the ocean, and every glass surface on this page, continuously, forever.
One clock drives everything you see.
A single simulated clock — accelerated far beyond real time — drives a layered lighting engine: sky gradients, sun and moon position, shadow length, glass opacity, and every accent color on the page are re‑computed every frame from that one number.
Nine keyframed moments — Midnight, Sunrise, Morning, Noon, Golden Hour, Sunset, Blue Hour, Night and back to Midnight — are smoothly interpolated, so nothing ever jumps: the world eases from one mood into the next.
An ocean that remembers the sky above it.
Volumetric clouds
Layered, parallaxed, and lit by the current sun angle.
Stars & Milky Way
Twinkling fields, shooting stars and a soft galactic band at night.
Wandering weather
Rain, snow, mist and rainbows arrive on their own schedule.
Moonlit UI
Glass, shadows and typography all shift with moonrise.
Every surface reacts to the light.
Dynamic sun & lens flare
A moving sun with soft bloom, glare and cloud shadow that changes color across the day.
Adaptive lighting engine
CSS variables recompute every frame — buttons, cards, borders and text all follow the sun.
Ocean & reflections
Waves, a drifting boat, and shimmering sun & moon reflections on the water.
Wildlife & atmosphere
Birds, butterflies, fireflies, bats and owls come and go with the time of day.
Time control
Pause the world, or run a full day in under two minutes.
Ambient soundscape
Procedurally generated wind, birdsong, crickets and rain — muteable anytime.
Stay for one more sunrise.
This form is decorative — a living demo of glass, focus states and color under changing light.