Skip to content

naborajs/SOLAR-SYSTEM-EXLORER

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌌 Solar System Explorer (CSS-Only) πŸš€βœ¨

Welcome to the Solar System Explorer β€” a fully interactive Solar System Model built using only HTML & CSS, without a single line of JavaScript! πŸŽ¨πŸ”­

⚠️ IMPORTANT NOTICE
This project is a personal creation by Naboraj Sarkar aka Nishant.
If you wish to use this project for your own purposes, you MUST provide proper credit or take permission.
Unauthorized re-uploads are strictly prohibited.


🌐 Live Demo

πŸ‘‰ Try it live here: https://solar-system-by-ns.netlify.app πŸŒπŸš€


πŸ“‚ Project Structure

πŸ“ Solar-System-Explorer/ ┣ πŸ“„ index.html ← Main HTML file ┣ πŸ“„ style.css ← All the CSS magic happens here β”— πŸ“„ README.md ← You're reading it!

pgsql Copy Edit


✨ Features

  • 🌍 Planet Selection Menu β€” Click on any planet to zoom in & explore.
  • πŸ›°οΈ CSS-Only Orbit Paths β€” Smooth animations mimicking real planetary orbits.
  • πŸŒ™ Moons Representation β€” Moons are visualized orbiting their respective planets.
  • πŸ“š Detailed Planet Facts β€” β€œRead More” panels for each planet with interesting trivia.
  • 🎨 High-Quality Textures β€” Realistic planet textures sourced from trusted sources.
  • πŸ’‘ NO JavaScript Used β€” 100% powered by CSS selectors & transitions.
  • πŸ“± Responsive Design (WIP) β€” Optimizations for mobile screens are being added.

πŸ› οΈ How to Use Locally

  1. Fork this Repository (For future updates) β€” Click Here ⭐
  2. Clone the Repo
    git clone https://github.com/your-username/solar-system-explorer.git

Open index.html in your browser.

Click on planets in the menu to explore them.

Open β€œRead More” panels to learn extra details.

🀝 Contribution Guidelines

Fork the repo and stay tuned for future updates & improvements!

Star the project ⭐ if you like it β€” it helps the creator (me) keep going!

If you wish to customize this project with your own name/brand, you MUST provide credit to me (Naboraj Sarkar aka Nishant) or get prior permission via email.

Any usage without credit will be considered misuse.

πŸ“Έ Screenshots & Previews

Add GIFs or Screenshots here of the project in action for better visualization.

πŸ”’ License & Permissions

Free to View, Not Free to Copy Without Credit.

You are allowed to fork and use for learning purposes.

Re-uploading this project under your own name or brand is not allowed without giving credit to me.

If you want to showcase this project in your portfolio or modify it for your brand, please mention:

less Copy Edit Made by Naboraj Sarkar (@nishant.ns.business@gmail.com) Usage in commercial projects without permission is prohibited.

🌟 Support The Creator

If you enjoyed this project:

Please ⭐ Star this repository.

Fork it to get future updates.

Share with your friends.

Mention my name whenever you showcase it.

Your support encourages me to bring more creative web projects! πŸ’ͺ✨

πŸ“² Connect With Me:

Platform Link πŸ“§ Email nishant.ns.business@gmail.com πŸ“Έ Instagram @nishant_sarkar__10k 🐦 Twitter (X) @NSGAMMING699 ▢️ YouTube @Nishant_sarkar 🌐 Website nsgamming.xyz

πŸ§‘β€πŸ’» About The Creator

Naboraj Sarkar aka Nishant β€” A passionate developer, designer, content creator, and gamer who loves experimenting with code and building interactive web experiences.

πŸš€ Keep Exploring!

Fork this project and let’s build amazing stuff together! #StayCreative ✨

About

🌌 Solar System Explorer (CSS-Only) πŸš€βœ¨ by NABORAJ SARAKAR πŸ’•

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors