Explore the periodic table with element details, properties, and category filtering.
Scroll through the interactive periodic table of elements.
Select any element to view its detailed properties.
Highlight metals, nonmetals, noble gases, or other groups.
A full periodic table you can click through, covering all 118 confirmed elements in the standard grid. Each element card carries the values chemists reach for most: atomic number, symbol, atomic mass, group and period, category, and electron configuration. A search box takes a name, symbol, or number and jumps to the element; category filters highlight every metal, nonmetal, or noble gas at once. The thing most people get wrong: the table is ordered by proton count, not atomic mass. Argon sits before potassium despite weighing more, and hydrogen - top of group 1 - is not an alkali metal.
A concrete input and expected output from the current implementation.
Input
Fe
Expected output
Iron (Fe), atomic number 26, group 8, period 4, transition metal. Standard atomic weight 55.845, electron configuration [Ar] 3d6 4s2, melting point 1538 C, boiling point 2862 C. Its most abundant isotope, 56Fe, carries 30 neutrons (56 - 26 = 30).
Fe is iron's element symbol, and the search resolves it to iron's detail card with the standard reference values. The neutron count follows from subtracting the atomic number from the mass number of the most abundant isotope.
A search box accepts an element's name, symbol, or atomic number - 'iron', 'Fe', or '26' - and resolves the match to one element, opening its detail card. The card lists the values used most in practice: atomic number, symbol, standard atomic weight, group and period, category, electron configuration, and usually melting and boiling points, density, and electronegativity where they are known.
The grid follows the standard arrangement of 18 groups and 7 periods, with the f-block - the lanthanides and actinides - pulled out into two rows below the main table. Category filters (alkali metals, alkaline earth metals, transition metals, metalloids, halogens, noble gases, and the rest) highlight matching elements wherever they sit, so group-wide patterns such as reactivity trends show up at a glance.
The table is arranged by electron configuration, and hydrogen's single 1s electron gives it one valence electron, like the group 1 metals. Its chemistry is a nonmetal's, though - it forms covalent bonds and occurs as H2 gas - so the tool classifies it as a nonmetal while leaving it in its group 1 position.
Because it is a weighted average over the natural isotopes: roughly 76% chlorine-35 and 24% chlorine-37, which averages to about 35.45. The printed mass is an average for a typical sample, not the mass of any individual atom. The same reasoning applies to every element with multiple abundant isotopes.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Interactive periodic table - click elements, enter quiz mode, and guess elements from their properties. Gamified learning.
Browse and search ASCII, Unicode, and binary character codes with copy-to-clipboard.
Test your knowledge of semantic HTML elements with quizzes and best-practice tips.
Structured typing lessons with finger placement guide. Track WPM improvement over time with localStorage persistence.
Timed multiplication drills with accuracy tracking per table (1-12). Progress chart saved across sessions.
Identify countries and capitals on a continent-organized world grid. Filter by region, track scores, and learn capitals.