Cosmic Explorer
Landing Page
A one-page tour of the eight planets: an orbital simulation you can pause, reset and speed up from 0.1× to 5×, six comparison charts (size, mass, moons, distance, orbit and temperature) drawn with Recharts, and a card per planet that opens into a detail view. The orbits are pure CSS: each planet circles on a keyframe animation whose duration is its real orbital period divided by 1000, and the speed slider rescales every duration at once through calc(). Distances and sizes are schematic rather than to scale, so all eight fit on one screen, and the page follows the system's light or dark theme.
- Built with
- react
- tailwind
- recharts
- motion
- Related