Skip to content

SoumyaEXE/3d-Solar-System-ThreeJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

61 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

✨3D Solar System Using & Vite - VibeCode🌌

A visually interactive 3D Solar System simulation built with Three.js and Vite.
Explore the planets, their orbits, and the beauty of our solar neighborhood β€” all in your browser!

Repo Size Last Commit Stars Forks


✨ Features

  • 🌞 Realistic 3D models of the Sun and planets
  • πŸͺ Animated orbits & rotations
  • 🌍 Scaled distances & sizes (for clarity)
  • πŸ–±οΈ Mouse controls β€” zoom, pan, and rotate
  • ⚑ Built with Vite for fast loading
  • πŸ“± Responsive design (desktop & mobile)

πŸ“Έ Screenshots

Screenshot


πŸš€ Getting Started

βœ… Prerequisites

βš™οΈ Installation

git clone https://github.com/SoumyaEXE/3d-Solar-System-ThreeJS.git
cd 3d-Solar-System-ThreeJS
npm install

▢️ Running Locally

npm run dev

πŸ”— Then Open

http://localhost:5173

οΏ½ Environment Variables

Create a .env file in the project root to enable the Gemini-powered chatbot (currently tuned for the gemini-2.0-flash-latest model):

VITE_GEMINI_API_KEY=your_google_ai_studio_key

The development server will pick up changes automatically; restart it after editing the .env file when building for production.

οΏ½πŸ“¦ Build for Production

npm run build

πŸ“‚ Project Structure

.
β”œβ”€β”€ public/
β”‚   └── textures/      # Planet textures
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ main.js        # Main entry point
β”‚   └── ...            # Other source files
β”œβ”€β”€ index.html
β”œβ”€β”€ package.json
β”œβ”€β”€ vite.config.js
└── README.md

πŸ› οΈ Tech Stack

Tech Stack


🀝 Contributing

Contributions, issues, and feature requests are welcome!
Feel free to open an issue or submit a PR to improve the project.


πŸ“œ License

This project is licensed under the MIT License β€” see LICENSE for details.


🌍 Credits

  • 🌌 Planet textures: NASA
  • πŸ›°οΈ 3D inspiration: Three.js Examples

πŸ‘₯ Contributors

Contributors
Thanks to all who have contributed!

About

An 3d Solar System Made Using Three JS and VibeCoding

Topics

Resources

License

Security policy

Stars

99 stars

Watchers

1 watching

Forks

Packages

 
 
 

Contributors