Periodic Table
Interactive browser-based periodic table with element search and category filtering.
Select an element to view details.
About Periodic Table
This interactive periodic table lets you quickly look up elements, inspect categories, and reference atomic numbers, symbols, and weights. Everything runs locally in your browser — no login required.
How to Use
- Browse the table by scrolling — elements are arranged in standard period and group layout.
- Click any element tile to view its full details: atomic number, weight, electron configuration, and category.
- Use the Filter by Category options to highlight element groups (e.g. noble gases, transition metals).
- Use the Search box to find an element by name or symbol.
How It Works
Element data is bundled directly in the page as a JavaScript array. Clicking an element triggers a lookup and renders its detail card. Category filtering applies CSS highlight classes to matching tiles.
Example
Click on Au (Gold) to see: Atomic number 79, atomic weight 196.97, period 6, group 11, category Transition Metal. Used in electronics and jewelry due to its conductivity and resistance to corrosion.
Frequently Asked Questions
All 118 confirmed elements are included, from Hydrogen (1) to Oganesson (118).
Categories include: alkali metals, alkaline earth metals, transition metals, post-transition metals, metalloids, nonmetals, halogens, noble gases, lanthanides, and actinides.
Atomic weights are based on IUPAC standard values. They are updated periodically; for the most current values consult the official IUPAC table.
Yes. The table is responsive and scrollable on mobile devices. Tap any element tile to view its details.