Loona Automation logoLoona Study Tools
Home › Interactive Periodic Table

Interactive Periodic Table β€” All 118 Elements

In short: the complete periodic table, colour-coded by category β€” alkali metals, halogens, noble gases, lanthanides and the rest. Click any element to see its atomic number, standard atomic mass, group and period.

The periodic table is the map of chemistry: position predicts behaviour. Colour by category makes the map's regions visible at a glance, and clicking through elements turns passive wall-chart staring into active exploration.

πŸ”’ Private by design: all element data is embedded in the page; nothing is fetched or uploaded.

Alkali metal Alkaline earth metal Transition metal Post-transition metal Metalloid Non-metal Halogen Noble gas Lanthanide Actinide

How to Use It

  1. Read the colours: each category has its own colour β€” find the staircase line of metalloids, the reactive halogens, the inert noble gases on the right edge.
  2. Click any element for its details card: name, symbol, atomic number, atomic mass, group and period.
  3. Notice the f-block: lanthanides (57–71) and actinides (89–103) are drawn below the main table, as on classroom charts, with placeholders marking where they belong.
  4. Classroom tip: project the table and play "guess the element" β€” describe the details card, students find the cell.

How It Works

The table is laid out on the standard 18-column grid by group and period, with the f-block elements in their conventional rows beneath. Atomic masses are the standard atomic weights (elements with no stable isotopes show the mass number of a representative isotope, as on printed charts). All data is embedded in the page β€” no lookup leaves your device.

Frequently Asked Questions

Why are some masses whole numbers, like Technetium 98?

Those elements have no stable isotopes, so charts list the mass number of their best-known isotope instead of a standard atomic weight. The value is marked as the plain number on most school charts too.

Why is hydrogen off by itself at the top left?

Hydrogen sits above the alkali metals by electron structure, but behaves like no other element β€” charts have argued about its true home for a century. Its group-1 seat here is the common school convention.

Can I get an element's electron configuration?

This table focuses on the school essentials (number, mass, group, period, category). Electron configurations follow a pattern from the position β€” the Molar Mass Calculator and your textbook's configuration tables build naturally on this map.

More Study Tools

Embed this tool on your website β€” free

Add this tool to your own website or blog β€” it is completely free, needs no sign-up, and always shows the latest version. Copy the code below and paste it into your page where you want the tool to appear. Keeping the small “Powered by Loona Automation” credit line under the embed helps keep this tool free — but you are free to style or remove it; the tool works either way.