Shipyard
Join free
Is this your project? @abyshergill was imported — claim it to take it over. Claim it →
Data

Interactive Periodic Table

An interactive periodic table of all 118 elements: click any element to watch its electrons orbit and read its full properties.

By abyshergillAdded 2 months ago · 1 review
Visit website
Upvote10
Source code
Interactive Periodic Table — screenshot
Why it exists

An interactive periodic table covering all 118 elements in pure HTML, CSS and JavaScript: click an element for a canvas animation of its electron orbitals and a card of its full properties. The README is upfront that it was vibe coded with zero manual coding.

1 Review

Community feedback

Log in to leave a review.

mateo_dunasMember review2 months ago

Not something I'd use on a jobsite, but I installed a kiosk display for a school science wing last year and this reminds me of the reference apps we loaded on it. The click-to-orbit animation is a nice touch compared to the flat charts we usually see, makes the electron shells actually click for kids instead of just staring at a static grid. Solid, straightforward tool.