Interactive Periodic Table

Explore all 118 elements in an interactive periodic table: recolor by category, state, or block, and open any element for its electron configuration, Bohr model, and uses.

Color by:

Hover or focus an element to preview it, then click any element to open its full page.

  • Alkali metal
  • Alkaline earth metal
  • Transition metal
  • Post-transition metal
  • Metalloid
  • Nonmetal
  • Noble gas
  • Lanthanide
  • Actinide
  • Unknown / predicted

How to read the periodic table

The periodic table organizes all 118 known chemical elements by their atomic number (the number of protons). Reading left to right and top to bottom, each element has one more proton than the last. The real power is in the layout: elements in the same column (group) behave alike chemically, and each row (period) fills up a new electron shell.

Use the controls above to recolor the table by category (metals, nonmetals, noble gases…), by state at room temperature (solid, liquid, gas), or by block (s, p, d, f): three different ways to see the patterns. Hover or focus any element for a quick preview, and click it to open its full page.

What you’ll find on each element

Every element links to its own page with its electron configuration, a Bohr (shell) diagram, atomic mass, electronegativity, melting and boiling points, common uses, and where it sits in the table. Browse them all from the full list of elements, or start with a familiar one like oxygen, iron, or gold.

The patterns worth knowing

Using this with a class

Project it and recolor by block to show why the table has its shape, or have students find every gas, or every element discovered after 1900. Then make it a contest with the periodic table game: race to find each element and beat your best time. It’s free to embed on your own site or LMS using the snippet below.

Frequently asked questions

How is the periodic table organized?
Elements are arranged by increasing atomic number. Columns (groups) contain elements with similar chemical behavior, and rows (periods) correspond to filling a new electron shell.
What do the rows and columns of the periodic table mean?
Each column (group) shares the same number of outer-shell electrons, so its members react similarly. Each row (period) fills electrons into a new shell from left to right.
How many elements are on the periodic table?
There are 118 confirmed chemical elements, from hydrogen (1) to oganesson (118). Each has its own page on PrepOK with its electron configuration, properties, and uses.
What are the s, p, d, and f blocks?
The blocks show which electron subshell is filling: the s-block (groups 1–2), the p-block (groups 13–18), the d-block (transition metals), and the f-block (lanthanides and actinides).

Sources

Last reviewed: 2026-06-20

Embed this on your site

Free to use. Paste this anywhere; a link back to PrepOK is included.

Related