CHEMISTRY · INTERACTIVE TOOL
All 118 elements in one living chart — click any element to open its dossier, drag a temperature slider to watch the table melt and boil, and zoom into the families and trends.
FREE · NO SIGN-UP · RUNS IN BROWSERA touchable periodic table. Click any element for its data, spotlight a family, heat-map the electronegativity, or drag the temperature slider and watch states change live.
DRAG TO PAN · SCROLL OR PINCH TO ZOOM · TAP ANY ELEMENT TO INSPECT IT
The table above isn't a random grid — every row, column and block encodes how an element's electrons are arranged, and therefore how it behaves.
Seven horizontal rows. Every step down starts a new electron shell, so the period number equals the number of shells an element's atoms have.
Eighteen vertical columns. Elements in a group share the same number of outer electrons, which is why they behave like chemical siblings.
The blocks name the orbital being filled. The table's odd shape — including the rows pulled out below — simply follows this electron bookkeeping.
Some groups resemble each other so strongly they get names — alkali metals, halogens, noble gases. Each family has a colour you can spotlight above.
Mendeleev ordered by mass; Moseley fixed it: the number of protons is an element's true identity. It's the number on every cell in the table.
The metalloid step divides the metals (left — about three-quarters of all elements) from the nonmetals (top right) — the table's great continental divide.
Once you know these rules, the periodic table stops being a list to memorise and becomes a map you can read — every arrow starts from the bottom-left or points to the top-right.
More shells means bigger; more protons pulling means smaller. Caesium is giant, helium is compact.
How fiercely an atom pulls shared electrons. It climbs up and to the right; switch on the heat map above to see it.
The cost of ripping off an electron. Noble gases guard theirs hardest — full shells don't surrender easily.
Metals give electrons away, and the generosity grows down and to the left. Francium is the most metallic natural element.
Transition metals knot into tough lattices — tungsten melts at 3422 °C — while noble gases barely hold together at all.
Metals grow more reactive down a group; nonmetals grow more reactive up one. The result: caesium and fluorine are the two ends of the danger scale.
Everything people usually ask about this periodic table — what the colours mean, what the slider does, and why those two rows float below the main grid.
Click any of the 118 elements to open its dossier — mass, electron shells, melting point, state and a quick fact — or click a family in the list to spotlight all its members. Drag to look around, scroll, pinch or use the zoom buttons to get closer, and search by name, symbol or atomic number. The Labels and Animate pills and the guided tour sit in the top-left of the canvas.
In the default Families mode, each colour marks one of the ten element families — alkali metals, halogens, noble gases and so on. Switch to States to colour elements by solid, liquid or gas, or Electronegativity for a heat map from blue (low) to red (high).
In States mode it sets the temperature from absolute zero to 6000 K and re-colours every element live: below its melting point it counts as solid, between melting and boiling liquid, and above boiling gas. Watch mercury freeze and oxygen liquefy as you drag — and try the SUN 5778 K preset to boil the entire table.
Their electrons fill the deep f-orbitals, and placing them in sequence would stretch the table to 32 columns wide. They're pulled out into two rows below instead, with the dashed 57–71 and 89–103 cells marking where they slot back in at group 3 — click either one to jump there.
Masses, melting points and electron shells follow standard reference values. The superheavy elements (rutherfordium, 104, onwards) exist for seconds at most, so their properties are marked as estimates from scientific predictions — the table is a study diagram, not a lab instrument.
Groups are the 18 vertical columns — members share the same number of outer electrons, so they behave like siblings. Periods are the seven horizontal rows — every step down adds a new electron shell, so the period number equals the number of shells.
No. The table runs entirely in your browser. Nothing you click, search or zoom is ever sent to a server, logged, or stored — and it's completely free with no sign-up.
Yes. Tapping an element opens its dossier, dragging pans the table, and pinching zooms in or out, so touch works exactly like a mouse. On small screens the Labels pill hides the small text so symbols stay crisp.