Periodic Table (PSE)

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 that also makes periodic trends visible; and the curious who simply want to click through the elements. At its core it's a reference work — with a built-in molar mass calculator for the most common calculation around chemical formulas.

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. The tiles grow with the width of your screen.
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.

Views: state at a temperature and color scales

The Colour by selector colors the grid by more than just category:

State at a temperature — a slider from 0 to 6000 K shows live which elements are solid, liquid, or gaseous; the legend keeps count. One button jumps back to room temperature.
Six properties as a color scale — electronegativity, density (logarithmic), melting point, boiling point, year of discovery, and atomic mass. That puts trends across the periodic table in plain sight, such as electronegativity rising toward the top right.

Temperatures are shown in K, °C, or °F, whichever you prefer.

Molar mass calculator

Below the grid, a molar mass calculator works out the molar mass of a chemical formula live as you type — with brackets (Ca(OH)2, K4[Fe(CN)6]), hydrates (CuSO4·5H2O), coefficients, and ionic charges (SO4^2-). It also returns the Hill formula and the mass share of each element.

Several interactions keep the table fast to use: a search that scans element names (English and German), symbols, and atomic numbers at once and opens the exact match on Enter; 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.

Every element also has its own address: https://www.jpkc.com/tools/pse/#Fe opens iron directly, and a button in the detail view copies the link. 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, and the molar mass calculator computes locally too. There's no server round-trip, no API, and no upload — nothing you click or type leaves your device. The tool remembers your language and temperature unit locally in the browser; on your very first visit it starts in your browser's language.

Try it now

→ Open the Periodic Table (PSE) — click an element, turn up the temperature slider, or type a chemical formula. 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.