Solar System

A Website built using React Three Fiber, three.js, React and Tailwind CSS featuring the Solar System.

Live Demo:

https://solar-system.tushar.co.za/

User flow

• You can watch the planets rotate around the sun.
• Use your mouse to zoom in/out.
• There are 3 buttons on the bottom right hand side of the screen:
  • You can Increase the speed of the planets orbit around the sun
  • Reset the speed
  • Pause the orbit so that the planets stop orbiting the sun
  • You can hover over a planet to increase the brightness

Built using

• React Three Fiber
• three.js
• React
• Tailwind CSS

To setup this project:

First run:

npm install

Then run:

npm run dev

License

Code released under the MIT License