SolarSystem3D is an interactive 3D visualization of the solar system built with React, TypeScript, Three.js (via @react-three/fiber), and Vite. The project demonstrates real-time rendering of the sun and planets, orbital mechanics, and responsive UI—all in the browser.
- 3D Solar System Visualization: Realistic rendering of the sun and all major planets with accurate relative sizes, colors, and orbits.
- Animated Orbits & Rotations: Planets orbit the sun and rotate on their axes at proportional speeds.
- Responsive Design: The visualization fills the viewport and adapts to different screen sizes.
- Modern React Stack: Built with React 18, TypeScript, and Vite for fast development and type safety.
- Component-Based Architecture: Clean separation of concerns with modular React components.
- React 18 & TypeScript
- Vite (build tool)
- @react-three/fiber and three.js (3D rendering)
- Tailwind CSS (styling)
- shadcn/ui (UI primitives)
- react-router-dom (routing for pages)
- Other libraries: See
package.jsonfor full list