Moonlitt Time Scroll Interaction

In the Moonlitt app, dragging to scrub through time triggers a highly responsive, real-time animation of the lunar cycle. As the user scrubs, a floating time badge updates its values while the 3D moon orbits around a central geometric earth model. Simultaneously, the background dynamically transitions through a rich color gradient, shifting from a bright daytime blue to a deep, star-speckled night-sky indigo. The smooth, direct mapping of the gesture to the orbital position and background theme provides a tactile and delightful way to visualize astronomical data.