Explore the Atom: An Interactive 3D Periodic Table

Hello. I made a website with atom animation, interactive periodic table, and data charts with elements properties. It's a tool designed for chemistry enthusiasts, students and educators. Let me know what you think of it. Any feedback is appreciated

Tech stack: React 19, NextJS 15, TypeScript, CSS Modules, Zustand, ThreeJS, Rechart

Github (homepage part): [github.com/matt765/atom-animation](http://github.com/matt765/atom-animation

A note on scientific accuracy: This application uses the classic Bohr model to represent atomic structure, showing electrons in clear, planet-like orbits. However, modern quantum theory describes electrons existing in "electron clouds" or orbitals, which are regions of probability. In the future I will propably add this as a new feature. Furthermore, the scale shown here is not realistic; the nucleus is actually minuscule compared to the vast space the electrons occupy.

This is really impressive! It's really a shame Wikipedia doesn't support embedding rich media content like this for high impact educational topics

This thing invites playing around and exploring in a way that's so much more intuitive and engaging than a dense encyclopedia entry or dry textbook overview

Props on the obsessive attention to detail on interactive/visual features here too, there's clearly a lot of love that went into this. This is the best kind of "old internet" vibes

Ps: total nit-pick, but on mobile when you click on the elements drop down in the footer it defaults to selecting the search field, which triggers the OS keyboard to open, blocking everything in the drop-down.

Oh wow amazing animation, this is one creative piece of work

I'll admit, upon seeing the post title my first reaction was "wow, yet another periodic table website". But this is the coolest periodic table website I've ever seen! I love that you can just add and takeaway subatomic particles... and shake the atom!