Interactive Periodic Table of All 118 Elements
This interactive periodic table puts every one of the 118 chemical elements at your fingertips, arranged in the standard IUPAC 18-column layout. Click any element to open a detail panel with its full properties, then recolor the whole table to reveal patterns you can't see in a printed chart.
It's built for students checking a property before an exam, teachers preparing a lesson, and anyone who needs to look up an element fast. Search by name, symbol, or atomic number, switch between six color modes, and filter the table to focus on the groups you care about.
How to Use the Periodic Table
Open an element's details
Click any element tile to slide open a panel showing its atomic number and mass, state at 25 °C, electronegativity, density, melting and boiling points, electron configuration, and discovery year. Close it with the X button, by clicking outside, or by pressing Esc.
Search for an element
Type a name, symbol, or atomic number into the search box. Matching elements stay bright while the rest dim out, so the one you want stands out instantly. Clear the search to bring the full table back.
Switch the color mode
Use the Color by dropdown to recolor the table by Category, State of Matter, Electronegativity, Melting Point, Boiling Point, or Year Discovered. In State of Matter mode, a temperature slider appears so you can change the conditions.
Filter with the legend
Click any item in the legend to keep only the elements in that group and dim the others. Click it again to clear the filter. In gradient modes you can isolate elements with no available data.
Features
Complete 118-Element Table
Every confirmed element from Hydrogen to Oganesson, laid out in the standard IUPAC 18-column format with the Lanthanide and Actinide series shown below.
Detailed Element Panel
Click any element to see atomic mass, density, electronegativity, state at room temperature, melting and boiling points, electron configuration, and discovery year.
Six Color Modes
Recolor the table by Category, State of Matter, Electronegativity, Melting Point, Boiling Point, or Year Discovered to spot trends across the elements.
Temperature Slider
In State of Matter mode, drag the slider from 0 K to 6000 K and watch elements switch between solid, liquid, and gas in real time.
Instant Search
Find any element by name, symbol, or atomic number. Matches stay highlighted while the rest of the table fades back.
Click-to-Filter Legend
The legend adapts to the current color mode. Click an entry to isolate just those elements, and combine it with search to drill into any subset.
Lanthanides & Actinides
The f-block series (57–71 and 89–103) appear in their own rows below the table, with indicator cells marking where they belong in the main grid.
Responsive & Dark Mode
The table scrolls and resizes for any screen, with element details in a side panel on desktop and a bottom sheet on mobile, plus a built-in dark theme.
Frequently Asked Questions
How many elements are in the periodic table?
This table includes all 118 confirmed elements, from Hydrogen (1) to Oganesson (118). Elements 113–118 were officially confirmed between 2003 and 2010, and many of their properties are predicted rather than experimentally measured.
What information does each element tile show?
Each tile shows the atomic number, symbol, name, and atomic mass. Click a tile to open the detail panel with density, electronegativity, state at room temperature, melting and boiling points, full electron configuration, and the year the element was discovered.
What do the colors on the table mean?
In the default Category mode, colors group elements into families such as alkali metals, alkaline earth metals, transition metals, halogens, and noble gases. Switch the Color by dropdown to recolor the table by electronegativity, melting or boiling point, state of matter, or year of discovery.
Can I see the electron configuration for an element?
Yes. Click any element and the detail panel lists its complete electron configuration using standard noble-gas shorthand, such as [Ne] 3s² 3p¹ for Aluminium.
Why do some elements show "—" for certain properties?
A dash means no reliable experimental value exists. Superheavy elements with very short half-lives have never been made in large enough amounts to measure every physical property, so those values are left blank rather than estimated.
What is electronegativity?
Electronegativity measures how strongly an atom pulls shared electrons in a chemical bond. It uses the Pauling scale, where Fluorine is highest at 3.98 and Francium is lowest at 0.70. Noble gases usually have no assigned value. Choose Electronegativity in the Color by dropdown to see this trend across the table.
Where are the Lanthanides and Actinides?
Following standard convention, the Lanthanides (57–71) and Actinides (89–103) sit in two separate rows below the main table. Indicator cells in the main grid mark exactly where each series belongs.
What temperature units does the table use?
Temperatures appear in both Kelvin and Celsius. The State of Matter slider runs from 0 K to 6000 K, since Kelvin is the standard scientific unit. For reference, room temperature (25 °C) is 298 K.
No comments yet. Be the first to comment!