An interactive periodic table web project inspired by Mike Golus’s original CodePen.
This project builds upon his excellent work by adding new features and extensions to make the experience more informative and engaging.
- Beautiful, interactive 3D periodic table interface
- Hover or click on elements to view details
- Smooth animations and responsive layout
- Extended functionality:
- 🔍 Display detailed information about each element (atomic number, electron configuration, discovery year, etc.)
- 📘 Future plans to integrate external data sources for richer scientific info
- 🧩 Additional UI improvements and accessibility enhancements
git clone https://github.com/<your-username>/interactive-periodic-table.git
cd interactive-periodic-tableOpen the index.html file in your browser to explore the interactive periodic table.
All functionality is accessible directly in the browser—no server setup required.
This project is based on the original interactive periodic table by Mike Golus.
All credit for the original implementation goes to him.
This repository is an extension project for learning and experimentation.
- HTML5
- CSS3 / SCSS
- JavaScript (ES6)
- Three.js (from original project)
- Full element information panel
- Search and filter functionality
- Dark/light mode toggle
- Category-based color coding
- Mobile responsiveness improvements
This project is for educational and experimental purposes only.
Please respect the original creator’s work and refer to their CodePen for the original implementation.