Skip to content

Build Your Own Interactive Animated Periodic Table | Built with HTML, CSS, & JavaScript

License

Notifications You must be signed in to change notification settings

naveen-kumawat/Periodic-Table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive Animated Periodic Table 🌟

Welcome to the Interactive Animated Periodic Table project! This is a beautifully designed periodic table built using pure HTML, CSS, and JavaScript. It’s fully interactive, visually appealing, and a perfect blend of coding and science.


🚀 Features

  • Interactive Design: Hover and click effects to explore elements.
  • Beautiful Animations: Smooth transitions and modern visuals.
  • Lightweight: No libraries or frameworks required – just plain HTML, CSS, and JavaScript.
  • Responsive Layout: Works seamlessly on desktop and mobile devices.

📹 Youtube

YouTube Logo

🖥️ Preview

🌐 Live Demo: Interactive Periodic Table

Screenshot

table

📂 Project Structure

├── index.html       # HTML file with the structure of the periodic table  
├── style.css        # CSS file for animations and styling  
├── script.js        # JavaScript file for interactivity  
└── assets/          # (Optional) Folder for images or additional assets

Downlode Source code from github

Using This :

$ git clone https://github.com/naveen-kumawat/Periodic-Table.git

🎯 How to Contribute

We welcome contributions from the community! Here’s how you can help:

  1. Fork the repository and create your branch.
  2. Add your enhancements or bug fixes.
  3. Submit a pull request with a detailed description.

📜 License

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


🌟 Acknowledgments

Powered by Search4Code: Bringing code and creativity together!


💬 Feedback

If you have suggestions or found a bug, feel free to open an issue or contact us via:

📧 Email: nk75kumawat@gmail.com

🌐 YouTube: Search4Code