Educational Tools

Interactive Periodic Table

Explore all 118 chemical elements in one interactive table. Search by name or symbol, scale the view, and click any element to reveal its key properties.

Find an Element
Matching elements stay bright while the rest dim out. Press Ctrl + Enter for a random element.
Scale the whole table to fit your screen — useful on smaller displays.
Periodic Table of Elements
Nonmetals Noble Gases Alkali Metals Alkaline Earth Metals Metalloids Halogens Metals Transition Metals Lanthanides Actinides Post-Transition Metals
Atomic Number
Symbol
Atomic Mass
Phase (approx.)
Element Details

Select an element from the table above to view its details.

How to Use the Interactive Periodic Table

Browse, search, and inspect any of the 118 elements in four quick steps. No installation, no account.

  1. 1
    Browse the table. Scan the standard 18-column layout to find an element, or scroll horizontally on smaller screens.
  2. 2
    Click any element. Selecting an element opens its detail panel with the symbol, atomic mass, category, and key properties.
  3. 3
    Search to filter. Type a name, symbol, or atomic number to highlight matches. Press Ctrl + Enter to jump to a random element.
  4. 4
    Adjust the size. Use the slider to scale the table up or down, then click Reset View any time to start fresh.

Key Features

All 118 Elements

Every confirmed element from hydrogen to oganesson, laid out in the familiar 18-column periodic format.

Instant Search

Find any element by name, symbol, or atomic number with live highlighting as you type.

Color-Coded Categories

Eleven element families are color-coded so periodic trends are easy to see at a glance.

Adjustable Zoom

Scale the entire table with a single slider to fit phones, tablets, projectors, and large monitors.

Fully Private

Everything runs in your browser — nothing you search or click is sent to any server.

Mobile Friendly

Responsive and touch-friendly, with horizontal scrolling so the table works on any screen size.

Common Use Cases

Studying Chemistry

Memorize symbols, categories, and atomic numbers while revising for tests and exams.

Teaching & Lessons

Project the table in class and click elements live to illustrate trends and families.

Homework Reference

Quickly look up an element's symbol or mass while working through problem sets.

Curiosity & Discovery

Use "Surprise Me" to explore an element you have never heard of and learn something new.

Lab Prep

Refresh element groupings and categories before heading into a practical session.

Science Communication

A clean, fast visual aid for tutors, writers, and content creators explaining chemistry.

Why Choose This Periodic Table

What is the periodic table?

The periodic table is an organized chart of all known chemical elements, arranged by increasing atomic number so that elements with similar chemical behavior fall into the same vertical columns, called groups. The horizontal rows are called periods. First published in a recognizable form by Dmitri Mendeleev in 1869, the table is one of the most powerful organizing ideas in all of science: its structure predicts how elements bond, react, and behave long before you ever pick up a beaker.

This interactive periodic table presents all 118 confirmed elements, from hydrogen at atomic number 1 to oganesson at atomic number 118. The lanthanides and actinides are pulled out into their own two rows beneath the main body, exactly as you would see them in a textbook, so the overall shape stays compact and readable.

How does this interactive periodic table work?

The tool builds the entire table in your browser from a built-in dataset of element names, symbols, atomic numbers, atomic masses, and categories. When you click or tap a cell, the detail panel updates instantly with that element's information. When you type into the search box, every element that matches by name, symbol, or atomic number stays bright while the others fade, making it easy to locate exactly what you need.

Because all of this happens on your device, there is nothing to upload and nothing to wait for. The advantages of a fully client-side tool are real:

Understanding element categories

Color-coding the table by category is one of the fastest ways to learn it. Each color groups elements that share broad chemical and physical traits, and the legend beneath the table maps every color to its family. Recognizing these bands helps you predict reactivity, conductivity, and bonding behavior without memorizing every element individually.

Category Where it sits Typical trait
Alkali metalsGroup 1 (left edge)Soft, highly reactive metals
Alkaline earth metalsGroup 2Reactive, but less so than group 1
Transition metalsCentral blockHard, conductive, often colorful compounds
MetalloidsStaircase borderProperties between metals and nonmetals
NonmetalsUpper rightPoor conductors, gain electrons easily
HalogensGroup 17Very reactive nonmetals
Noble gasesGroup 18 (right edge)Stable, almost unreactive gases
Lanthanides & actinidesBottom two rowsInner transition metals, many radioactive

Tips for getting the most out of the table

Bring chemistry into a wider study routine

A periodic table is most useful as part of a broader learning habit. If you are studying in focused blocks, pair this tool with our Pomodoro Study Timer to keep your revision sessions structured and distraction-free. And when you want a quick mental break that is still educational, the Random Country Generator is a fun way to test your general knowledge. You can find more learning aids in our full Educational Tools collection.

Frequently Asked Questions

Yes. The interactive periodic table is completely free with no sign-up and no usage limits. You can explore all 118 elements as often as you like on any device.

No. The tool runs entirely in your browser. Element data is loaded with the page and no information about what you search or click is ever sent to a server, so your activity stays private.

It includes all 118 confirmed chemical elements, from hydrogen (atomic number 1) to oganesson (atomic number 118), arranged in the standard 18-column layout with the lanthanides and actinides shown in their own rows.

Type an element's name, chemical symbol, or atomic number into the search box. Matching elements are highlighted while the rest dim out, and if there is a single match its full details open automatically.

Each color represents an element category such as nonmetal, noble gas, alkali metal, transition metal, lanthanide, or actinide. The legend below the table maps every color to its category so you can spot trends across the periodic table at a glance.

The atomic numbers, symbols, names, and standard atomic masses are accurate. Some illustrative figures such as density and melting point are shown as approximate sample values to demonstrate the layout, so verify exact constants against an authoritative reference for lab or exam work.

Yes. The layout is fully responsive and the table scrolls horizontally on narrow screens. You can also use the size slider to scale the whole table up or down to fit your display comfortably.

Yes. It works well as a quick classroom reference, a study aid for memorizing symbols and categories, or a visual aid during lessons. There is nothing to install and it opens instantly in any modern browser.

Related Educational Tools

  • Pomodoro Timer Boost productivity with this customizable Pomodoro technique timer. Work in focused intervals with scheduled breaks, task tracking, and ambient sounds.
  • Random Country Generator Generate random countries from around the world for geography quizzes, data analysis, or educational purposes

Keep your study sessions sharp

Pair the periodic table with our other free learning tools to build a focused, well-rounded study routine.