JPKCom DB

Periodic Table (PSE)

Interactive periodic table of 118 elements, bilingual EN/DE: category filter, search, and per-element detail. The starting point for manual, examples, and tips.

The whole periodic table on one page

The Periodic Table (PSE) is an interactive periodic table of the elements covering all 118 elements — from hydrogen to oganesson. Every element sits in its classic spot in the grid, color-coded by category; one click opens a detail view with its key data. No account, no installation — everything runs right in the browser.

What sets it apart from most JPKCom tools: the periodic table is bilingual by itself. At the press of a button you switch between English and German — and not just the interface, but the element names too (Hydrogen/Wasserstoff, Oxygen/Sauerstoff, Mercury/Quecksilber) along with the category labels. That makes the table equally useful for English and German audiences.

It's built for anyone who wants to look something up quickly and without distraction: learners in school, training, and university who need a symbol, atomic number, or melting point at hand; teachers looking for a clean, projectable reference for class; and the curious who simply want to click through the elements. It's a reference work, not a chemistry calculator — the focus is clarity and fast access.

What the periodic table shows

  • The full grid of 18 groups and 7 periods, plus the lanthanides (57–71) and actinides (89–103) as their own f-block rows below — exactly how the periodic table appears in a textbook.
  • Per tile, the atomic number, the element symbol, the (localized) name, the atomic mass, and a small dot for the state of matter.
  • Ten element categories, each with its own color — from the alkali metals through the transition metals to the noble gases. A color legend explains the mapping and doubles as a filter.
  • A detail view per element with around a dozen properties: period, group, block, state of matter, electron configuration, electronegativity, melting and boiling point, density, oxidation states, year of discovery and discoverer, and the CAS number.

Search, filter, switch language

Three interactions keep the table fast to use: a search that scans element names (German and English), symbols, and atomic numbers at once; a category filter via the color legend that narrows the grid down to one element group; and the language toggle EN/DE. Matches are highlighted, everything else dimmed — so you can spot an element instantly, even in the full 118-element matrix. How it all fits together is covered in the manual.

All in the browser — a static reference

The periodic table is purely client-side: all element data is baked into the tool, with no server round-trip, no API, and no upload. That makes the table fast, usable offline after the first load, and privacy-friendly — nothing you click leaves your device. The tool remembers your last chosen language locally in the browser, so your next visit opens straight in EN or DE.

Try it now

→ Open the Periodic Table (PSE) — click an element, explore the category colors, or switch to German at the press of a button. No account, free, right in the browser.

  • Colors — JPKCom's color toolkit: color picker, gradients, and palettes, in case you want to work with the periodic table's category colors.
  • Info Tools — another compact reference from the JPKCom toolbox, for browser and system information.

There's more on the subpages: the manual with the table's structure and all element data, examples of typical lookup paths, and a collection of tips & tricks.