Interactive Periodic Table
Explore all 118 elements — data, colors, and instant search
Privacy: your files never leave your device. All processing happens locally in your browser.
How to use
- 1.Browse the full 118-element grid — each cell shows the atomic number, symbol, name, and standard atomic weight, colour-coded by element category.
- 2.Click or tap any element to open a detail panel with its atomic number, symbol, atomic weight, category, period, group, and electron block.
- 3.Type a name, symbol, or atomic number in the search box, or click a category in the legend, to highlight matching elements and dim the rest.
About Interactive Periodic Table
This interactive periodic table of elements shows all 118 known elements, from hydrogen (H, atomic number 1) to oganesson (Og, 118), laid out in the standard 18-column, 7-period grid with the lanthanide and actinide series drawn as two separate rows below the main body — exactly the arrangement chemists use. Every cell displays the atomic number, element symbol, name, and standard atomic weight, and each element is colour-coded by its category so you can see the shape of the table at a glance. Click or tap any element to open a detail panel with its full data: atomic number, symbol, standard atomic weight, category, period, group, and electron block (s, p, d, or f). There is nothing to install and no sign-in — the whole table runs locally in your browser.
The standard atomic weights come from the IUPAC 2021 abridged values published by the Commission on Isotopic Abundances and Atomic Weights (CIAAW), the internationally recognised authority. For elements that occur naturally with a characteristic isotopic composition — such as carbon (12.011), iron (55.845), gold (196.97), thorium (232.04) and uranium (238.03) — the value shown is the conventional standard atomic weight. For radioactive elements that have no stable isotope and therefore no standard atomic weight — technetium, promethium, and everything from polonium (84) upward, including all the superheavy synthetic elements — the number is shown in square brackets, for example Tc [97] or Og [294]. That bracketed figure is the mass number of the element's most stable (longest-lived) isotope, which is the same convention the official IUPAC periodic table uses. Showing it in brackets makes it clear that the value is not a measured atomic weight.
The colours group the elements into ten families: alkali metals, alkaline earth metals, transition metals, post-transition metals, metalloids, reactive nonmetals, halogens, noble gases, lanthanides, and actinides. This lets you spot trends quickly — the reactive metals on the left, the nonmetals and noble gases on the right, the long transition-metal block in the middle, and the two f-block rows underneath. You can use the legend as a filter: click a category to highlight just those elements and dim the rest. The search box works the same way; type an element name ("iron"), a symbol ("Fe"), or an atomic number ("26") and the matching elements light up while the others fade, so the table doubles as a fast lookup tool.
A periodic table like this is useful for students learning chemistry, for anyone checking an atomic weight for a stoichiometry or molar-mass calculation, for teachers building lessons, and for quick reference when reading a paper or a materials spec. Because the layout mirrors the printed table, the position of an element also tells you a lot: its column (group) hints at how many valence electrons it has and how it tends to react, while its row (period) tells you which electron shells are being filled. Explore the table, tap through the elements, and use the search and category filters to find exactly what you need.
Frequently asked questions
- How many elements are in the periodic table?
- There are 118 confirmed elements, from hydrogen (H, atomic number 1) to oganesson (Og, atomic number 118). Elements 1 to 94 occur naturally on Earth (some only in trace amounts), while elements 95 to 118 have only been produced synthetically in laboratories. This table shows all 118.
- Where do the atomic weights come from?
- The standard atomic weights are the IUPAC 2021 abridged values from the Commission on Isotopic Abundances and Atomic Weights (CIAAW). Elements with a stable, natural isotopic composition — like carbon (12.011) or iron (55.845) — show their conventional standard atomic weight. Elements with no stable isotope show a number in square brackets, such as Tc [97] or U's neighbour Np [237].
- What does a value in square brackets mean, like [294]?
- A bracketed value is the mass number of the element's most stable (longest-lived) isotope, not a measured atomic weight. Radioactive elements such as technetium, promethium, polonium, and every element from 84 upward have no standard atomic weight because they lack a stable isotope with a fixed natural abundance, so IUPAC lists the mass number of the most stable isotope instead.
- What do the colours on the table mean?
- Each colour marks an element category: alkali metals, alkaline earth metals, transition metals, post-transition metals, metalloids, reactive nonmetals, halogens, noble gases, lanthanides, and actinides. Grouping by colour makes periodic trends easy to see, and you can click any category in the legend to highlight just those elements.
- Why are the lanthanides and actinides shown as separate rows?
- The lanthanides (elements 57–71) and actinides (89–103) are f-block elements that chemically belong in group 3 of periods 6 and 7. Placing them inline would make the table 32 columns wide, so by long-standing convention they are pulled out into two rows beneath the main table, with placeholders marking where they belong. This tool follows that standard layout.
Related tools
- Number Base ConverterConvert integers between binary, octal, decimal & hex
- Density ConverterConvert g/cm3, kg/m3, lb/ft3 and more density units
- Online CalculatorDo quick everyday math in your browser — free, private, no signup.
- 24 Game SolverFind exact ways to make 24 from four whole numbers using every number once and only the four basic operations.
- Absolute Value CalculatorInstantly find |x| — the absolute value of any number, free.
- Age CalculatorYour exact age in years, months, and days — updated live
Calculators guides
View all- How Does an Interactive Periodic Table Work: Explained
- How Is the Periodic Table Useful: Browse All 118 Elements
- How to Estimate Ideal Weight for Children by Age
- How to Calculate Regular Hexagon Area from One Side
- Hemisphere by Sun: How to Determine Volume and Area
- How to Calculate Your University GPA on the 4.0 Scale
- How to Find the GCF of 3 Numbers in One Step
- How to Figure Gas Mileage Cost for Work Reimbursement
- How to Convert Frequency to Hertz: Methods and Formulas
- How to Convert Force Into Torque — The Formula
- How to Calculate Flooring for Laminate: Boxes & Waste
- How to Calculate Exponential Smoothing Forecast in Excel
- How to Calculate Electric Vehicle Charging Cost
- How to Calculate EOQ From the Following Data
- How to Convert Energy Into Mass Using E=mc²
- How to Calculate Oval Perimeter Using Semi-Axes
- Dog Years to Human Years: The AKC Size Chart Method
- How to Convert Density to Mass in Any Unit
- How to Calculate the Day Number of Any Year
- Day of the Week Calculator: Reference-Verified Accuracy