<div align="center"> <img src="https://github.com/PhysicsHub/physicshub.github.io/blob/main/public/Logo.png?raw=true" width="35%" style="border-radius: 12px;" /> <h1>PhysicsHub</h1> Learn physics the visual way — interactive simulations, clear theory and free resources. <a href="https://github.com/PhysicsHub/physicshub.github.io/stargazers"> <img src="https://img.shields.io/github/stars/PhysicsHub/physicshub.github.io?style=for-the-badge&color=FFD700&logo=github" alt="Stars" /> </a> <a href="https://github.com/PhysicsHub/physicshub.github.io/forks"> <img src="https://img.shields.io/github/forks/PhysicsHub/physicshub.github.io?style=for-the-badge&color=blue&logo=github" alt="Forks" /> </a> <a href="https://github.com/PhysicsHub/physicshub.github.io/issues"> <img src="https://img.shields.io/github/issues/PhysicsHub/physicshub.github.io?style=for-the-badge&color=orange" alt="Issues" /> </a> <a href="https://github.com/PhysicsHub/physicshub.github.io/blob/main/LICENSE"> <img src="https://img.shields.io/github/license/PhysicsHub/physicshub.github.io?style=for-the-badge" alt="License" /> </a> <img src="https://img.shields.io/github/all-contributors/physicshub/physicshub.github.io?style=for-the-badge&color=ee8449" alt="Contributors" /> <a href="https://physicshub.github.io"> <img src="https://img.shields.io/badge/🌐%20Visit%20Live%20Site-physicshub.github.io-blueviolet?style=for-the-badge" alt="Live Site" /> </a>

⭐ If PhysicsHub helps you learn, please consider giving it a star — it helps the project grow!

</div>

📸 Preview

📚 About

Stack Fingerprint

PhysicsHub is a free, open-source web app that makes physics accessible through interactive simulations and clearly written theory. Whether you're a student preparing for exams or just curious about how the universe works, PhysicsHub makes complex formulas click.

🔬 Interactive simulations to visualize physics concepts in real time
📖 Easy-to-understand theory written for learners, not textbooks
🆓 Completely free — no ads, no paywalls, no accounts needed
🌍 Open source — built by the community, for the community

🚀 Quick Start

Try it instantly in your browser — no setup needed:

🔗 physicshub.github.io

🛠️ Run Locally

Want to contribute or explore the codebase? Get up and running in minutes:

# 1. Clone the repository
git clone https://github.com/physicshub/physicshub.github.io.git

# 2. Navigate to the project directory
cd physicshub.github.io

# 3. Install dependencies
npm install
# or
yarn install

# 4. Start the development server
npm run dev

Then open http://localhost:3000 in your browser. That's it! 🎉

🤝 Contributing

We love contributions — and this project is perfect for first-time contributors!

Here's how you can help:

| Type | Description | | ------------------------- | ------------------------------------------ | | 🐛 Bug Report | Found something broken? Open an issue | | 💡 Feature Request | Got an idea for a new simulation? Share it | | 🎨 UI/UX Improvements | Make the interface more beautiful | | 📝 Theory Content | Write or improve physics explanations | | 🔧 Code Fixes | Pick up an open issue and submit a PR |

📖 Read the full Contributing Guide before getting started.

⭐ Star History

If you find PhysicsHub useful, starring the repo is the simplest and most impactful way to support us — it helps more students and contributors discover the project.

👥 Contributors

This project follows the all-contributors specification. We recognize all types of contributions — not just code!

To add yourself after contributing, comment on any issue or PR:

@all-contributors add @YOUR-USERNAME for code, design, content

Or see the full instructions here.

Contributions sorted by additions:

<table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/physicshub"><img src="https://avatars.githubusercontent.com/u/226545239?v=4?s=100" width="100px;" alt="physicshub"/> physicshub</a> <a href="#review-physicshub" title="Reviewed Pull Requests">👀</a> <a href="#test-physicshub" title="Tests">⚠️</a></td> <td align="center" valign="top" width="14.28%"><a href="http://mattqdev.github.io"><img src="https://avatars.githubusercontent.com/u/115874885?v=4?s=100" width="100px;" alt="MattQ"/> MattQ</a> <a href="#code-mattqdev" title="Code">💻</a> <a href="#bug-mattqdev" title="Bug reports">🐛</a> <a href="#doc-mattqdev" title="Documentation">📖</a> <a href="#design-mattqdev" title="Design">🎨</a> <a href="#ideas-mattqdev" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/supertutto"><img src="https://avatars.githubusercontent.com/u/184136337?v=4?s=100" width="100px;" alt="supertutto"/> supertutto</a> <a href="#content-supertutto" title="Content">🖋</a> <a href="#ideas-supertutto" title="Ideas, Planning, & Feedback">🤔</a> <a href="#bug-supertutto" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/RiriLab17"><img src="https://avatars.githubusercontent.com/u/233789238?v=4?s=100" width="100px;" alt="RiriLab17"/> RiriLab17</a> <a href="#content-RiriLab17" title="Content">🖋</a> <a href="#ideas-RiriLab17" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/koderka2020"><img src="https://avatars.githubusercontent.com/u/64405107?v=4?s=100" width="100px;" alt="koderka2020"/> koderka2020</a> <a href="#bug-koderka2020" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/lustrax"><img src="https://avatars.githubusercontent.com/u/235310252?v=4?s=100" width="100px;" alt="lustrax"/> lustrax</a> <a href="#bug-lustrax" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ElshadHu"><img src="https://avatars.githubusercontent.com/u/216122679?v=4?s=100" width="100px;" alt="Elshad Humbatli"/> Elshad Humbatli</a> <a href="#code-ElshadHu" title="Code">💻</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Yukesh-30"><img src="https://avatars.githubusercontent.com/u/180100862?v=4?s=100" width="100px;" alt="Devmon"/> Devmon</a> <a href="#code-Yukesh-30" title="Code">💻</a> <a href="#content-Yukesh-30" title="Content">🖋</a></td> <td align="center" valign="top" width="14.28%"><a href="https://portfoliov2-three-steel.vercel.app/"><img src="https://avatars.githubusercontent.com/u/142435507?v=4?s=100" width="100px;" alt="Aditya Kumar Singh"/> Aditya Kumar Singh</a> <a href="#code-Axestein" title="Code">💻</a> <a href="#design-Axestein" title="Design">🎨</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/sanketshinde3001"><img src="https://avatars.githubusercontent.com/u/126979961?v=4?s=100" width="100px;" alt="Sanket Rajendra Shinde"/> Sanket Rajendra Shinde</a> <a href="#bug-sanketshinde3001" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Vaishnavi-Raykar"><img src="https://avatars.githubusercontent.com/u/126966675?v=4?s=100" width="100px;" alt="Vaishnavi Vijay Raykar"/> Vaishnavi Vijay Raykar</a> <a href="#bug-Vaishnavi-Raykar" title="Bug reports">🐛</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/shauryakushwaha08"><img src="https://avatars.githubusercontent.com/u/116422872?v=4?s=100" width="100px;" alt="Shaurya Kushwaha"/> Shaurya Kushwaha</a> <a href="#design-shauryakushwaha08" title="Design">🎨</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/praria"><img src="https://avatars.githubusercontent.com/u/12003611?v=4?s=100" width="100px;" alt="Prakash Shrestha"/> Prakash Shrestha</a> <a href="#code-praria" title="Code">💻</a></td> <td align="center" valign="top" width="14.28%"><a href="htt

Physicshub.github.io

Install / Use

README