🔬 ScienceLab 3D

**The world's most interactive 3D science learning platform — free, open-source, and browser-based.** [![Live Demo](https://img.shields.io/badge/🚀_Live_Demo-science--lab--3d.vercel.app-4f8fff?style=for-the-badge)](https://science-lab-3d.vercel.app) [![GitHub Stars](https://img.shields.io/github/stars/rudra496/sciencelab3d?style=for-the-badge&color=yellow)](https://github.com/rudra496/sciencelab3d/stargazers) [![GitHub Forks](https://img.shields.io/github/forks/rudra496/sciencelab3d?style=for-the-badge&color=blue)](https://github.com/rudra496/sciencelab3d/forks) [![License: MIT](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)](./LICENSE) [![Next.js](https://img.shields.io/badge/Next.js-15-black?style=for-the-badge&logo=nextdotjs)](https://nextjs.org) [![TypeScript](https://img.shields.io/badge/TypeScript-5-3178c6?style=for-the-badge&logo=typescript)](https://typescriptlang.org)

🌐 Live Website

Live Demo: https://sciencelab-two.vercel.app

Experience the fully deployed interactive 3D science lab — featuring virtual science experiments for Physics, Chemistry, Biology, and Mathematics, accessible instantly in your browser on any device.


🌟 What is ScienceLab 3D?

ScienceLab 3D is a fully interactive, browser-based 3D science simulation platform covering Physics, Chemistry, Biology, and Mathematics. With 40+ experiments, real-time controls, and stunning 3D visualizations powered by Three.js, it makes learning science intuitive, engaging, and fun — no downloads, no accounts required.

🎯 Perfect for students, teachers, self-learners, and anyone curious about science!


✨ Features

  • 🔬 40+ Interactive Experiments across 4 scientific disciplines
  • 🎛️ Real-Time Controls — adjust variables and see instant visual feedback
  • 🌐 3D Visualizations powered by Three.js and React Three Fiber
  • 📱 Fully Responsive — works on desktop, tablet, and mobile
  • Blazing Fast — built with Next.js 15 and React 19
  • 🌙 Dark/Light Mode — eye-friendly themes
  • Favorites — bookmark your preferred experiments
  • 🔍 Smart Search — find experiments by name, topic, or subject
  • 🆓 Completely Free — open source and always will be

🧪 Experiments Library

⚛️ Physics (10 experiments)

Experiment Difficulty
Simple Pendulum Beginner
Projectile Motion Beginner
Wave Interference Intermediate
Electromagnetic Field Intermediate
Gravitational Orbits Intermediate
Doppler Effect Intermediate
Refraction & Reflection Beginner
Spring-Mass System Beginner
Ohm's Law Circuit Beginner
Double-Slit Experiment Advanced

🧪 Chemistry (10 experiments)

Experiment Difficulty
Atomic Structure Beginner
Chemical Bonding Intermediate
Electrolysis Intermediate
Acid-Base Titration Intermediate
Gas Laws (PV=nRT) Beginner
Acid-Base Reactions Beginner
Crystal Lattice Structures Intermediate
Molecular Diffusion Beginner
Exothermic & Endothermic Intermediate
Periodic Table Trends Beginner

🧬 Biology (10 experiments)

Experiment Difficulty
Animal Cell Structure Beginner
DNA Replication Advanced
Protein Synthesis Advanced
Photosynthesis Intermediate
Cellular Respiration Intermediate
Mitosis & Meiosis Intermediate
Natural Selection Intermediate
Neuron & Synapse Intermediate
Ecosystem Food Web Beginner
Immune System Response Advanced

📐 Mathematics (10 experiments)

Experiment Difficulty
Fourier Transform Visualizer Advanced
Fibonacci & Golden Spiral Beginner
3D Geometry Explorer Beginner
Calculus Visualizer Intermediate
Mandelbrot Fractal Intermediate
Probability Distributions Intermediate
Linear Algebra Viz Intermediate
Trigonometry Explorer Beginner
Complex Number Plane Intermediate
Topology & Surfaces Advanced

🚀 Getting Started

Prerequisites

  • Node.js 18+ and npm

Installation

# Clone the repository
git clone https://github.com/rudra496/sciencelab3d.git
cd sciencelab3d

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:3000 in your browser. 🎉

Build for Production

npm run build
npm run start

🛠️ Tech Stack

Technology Purpose
Next.js 15 React framework with App Router
React 19 UI library
TypeScript Type safety
Three.js 3D graphics engine
React Three Fiber React renderer for Three.js
Framer Motion Animations
Tailwind CSS Utility-first CSS
Lucide React Icon library

🤝 Contributing

Contributions are warmly welcome! Whether you want to add a new experiment, fix a bug, improve performance, or enhance the UI — your help is appreciated.

Please read CONTRIBUTING.md to get started.


🙏 Acknowledgements

  • Built with ❤️ by Rudra Sarker
  • Powered by the amazing open-source ecosystem

👤 Author

Rudra Sarker

Portfolio GitHub LinkedIn Facebook Email


📄 License

This project is licensed under the MIT License — see the LICENSE file for details.


⭐ Support the Project

If ScienceLab 3D has helped you learn or teaches you something new, please consider giving it a ⭐ star on GitHub — it helps the project grow and reach more students!

Star on GitHub


Made with ❤️ for science learners everywhere 🌍
Share this project:

Updates