⚛️

Periodic Table

Interactive browser-based periodic table with element search and category filtering.

Select an element to view details.

About This Interactive Periodic Table Online

This free interactive periodic table online displays all 118 confirmed chemical elements in the standard 18-column layout used by IUPAC. Click any element tile to instantly see its atomic number, symbol, name, atomic weight, period, group, category, and electron configuration. No login, no app install — everything runs locally in your browser, making it ideal for quick reference during chemistry study, teaching, or research.

Students revising for chemistry exams use it to memorise element positions and properties; teachers use it for classroom demonstrations; engineers and researchers use it to quickly verify element data without opening a textbook. The colour-coded category system makes it easy to visually identify which family an element belongs to, and the search and filter tools let you narrow down the table to exactly the group you are studying.

How to Use the Periodic Table

  1. Browse the table — elements are arranged in standard period rows (1–7) and group columns (1–18), with lanthanides and actinides displayed separately below the main grid.
  2. Click any element tile to open its detail card, which shows atomic number, symbol, full name, atomic weight, period, group, and category.
  3. Type in the Search box at the top to find an element by name (e.g., "carbon"), symbol (e.g., "Fe"), or atomic number (e.g., "26").
  4. Use the All categories dropdown to filter the display to a specific group — only matching elements remain highlighted, making it easy to study a single family at a time.
  5. Click the element detail card area to read about the element, then click another tile to update the card with new data.

Element Categories and Colour Coding

Each category is colour-coded on the table so you can identify element groups at a glance, even without clicking individual tiles.

  • Alkali metals (group 1): Highly reactive metals — lithium, sodium, potassium, rubidium, cesium, and francium. They react vigorously with water and are never found free in nature.
  • Transition metals: The large central block of metals including iron, copper, gold, silver, and platinum. Known for forming coloured compounds and variable oxidation states.
  • Noble gases (group 18): Helium, neon, argon, krypton, xenon, and radon. Stable and largely non-reactive due to complete valence electron shells.

Tips for Studying with the Periodic Table

How to get the most from the table:

  • Use category filtering to learn groups systematically: Select a single category (e.g., "Halogens") from the dropdown to highlight only those elements. This helps you learn the group's position, members, and properties without distraction from the rest of the table.
  • Search by atomic number to test recall: Type a number (e.g., "47") and see if you can name the element before the table highlights it. This is a quick self-quiz technique for memorising the table.
  • Click lanthanides and actinides directly: The two rows at the bottom represent elements 57–71 (lanthanides) and 89–103 (actinides), which are separated from the main table for layout reasons. They are fully clickable with complete data.
  • Compare neighbouring elements: Click two adjacent elements and note how atomic weight, electron configuration, and category change as you move across a period or down a group — this reinforces periodic trends.
  • Cross-reference with textbooks: Atomic weights shown are based on IUPAC standard values. For the most precise current values, cross-check with the official IUPAC periodic table, especially for elements with updated weight ranges.

Why Use an Interactive Periodic Table Online

A browser-based periodic table is instantly accessible without installing any app or purchasing a reference book. All 118 elements and their data are bundled directly in the page, so it works offline after loading. The colour-coded categories, live search, and click-for-details interaction make it faster to look up element information than flipping through a printed table or textbook appendix. It works on desktop, tablet, and mobile browsers.

Chemistry students preparing for GCSE, A-Level, AP Chemistry, or university-level courses benefit most, as do teachers building classroom resources and professionals who occasionally need to verify element properties during work.

Frequently Asked Questions about the Periodic Table

All 118 confirmed elements are included, from Hydrogen (atomic number 1) to Oganesson (atomic number 118). This includes the full lanthanide series (elements 57–71) and actinide series (elements 89–103), which are displayed in separate rows below the main grid following standard IUPAC layout conventions.
The table uses 10 standard IUPAC categories: alkali metals, alkaline earth metals, transition metals, post-transition metals, metalloids, nonmetals, halogens, noble gases, lanthanides, and actinides. Each category is colour-coded so you can identify element families visually at a glance without clicking individual tiles.
Atomic weights are based on IUPAC standard atomic weights. IUPAC periodically revises these values as measurement precision improves, so for the most current authoritative values — especially for elements with recently updated weight intervals — consult the official IUPAC periodic table directly at iupac.org.
Yes. The table is scrollable on mobile devices and fully interactive — tap any element tile to view its detail card. On small screens the grid scrolls horizontally, allowing you to access all 18 groups. The search box and category dropdown are both functional on touch devices for filtering the table quickly.
Yes. The detail card that appears when you click an element includes its electron configuration in standard notation (e.g., for Iron: [Ar] 3d⁶ 4s²). This is useful for chemistry students studying electronic structure, bonding, and reactivity patterns across periods and groups in the table.
Yes, completely free. No account, no subscription, and no data collection. All element data is bundled directly in the page as a JavaScript dataset, so the table also works offline once it has been loaded in your browser — useful for studying in areas with poor or no internet connectivity.
A period is a horizontal row of the table (periods 1–7). Elements in the same period have the same number of electron shells. A group is a vertical column (groups 1–18). Elements in the same group have the same number of valence electrons, which is why they share similar chemical properties and reactivity patterns.
Yes. The search box accepts element names, symbols, and atomic numbers. Type "Fe" to find Iron, "Au" to find Gold, or "79" to find the element at atomic number 79. The table highlights only matching elements in real time as you type, making it fast to locate any element by whichever identifier you know.