~/periodic-table apps ← about me

🌐 Language

Interactive Periodic Table

All 118 elements · phase slider · electron shells · quiz mode · trends
Element Comparison

What is the Periodic Table?

The periodic table is a chart that organises all 118 known chemical elements by increasing atomic number (the number of protons in the nucleus). Elements are arranged into 7 rows (periods) and 18 columns (groups), so that elements with similar chemical properties line up in the same group. This interactive version lets you explore each element's electron configuration, melting and boiling points, and how properties like electronegativity trend across the table.

List of All 118 Chemical Elements

The full list of elements below runs from Hydrogen (atomic number 1) to Oganesson (atomic number 118), with each element's symbol, name, standard atomic weight, and category. Click any cell in the interactive table above to see full details for that element.

All 118 elements by atomic number
#SymbolElementAtomic weightCategory
1HHydrogen1.008Nonmetal
2HeHelium4.003Noble gas
3LiLithium6.941Alkali metal
4BeBeryllium9.012Alkaline earth
5BBoron10.81Metalloid
6CCarbon12.011Nonmetal
7NNitrogen14.007Nonmetal
8OOxygen15.999Nonmetal
9FFluorine18.998Halogen
10NeNeon20.180Noble gas
11NaSodium22.990Alkali metal
12MgMagnesium24.305Alkaline earth
13AlAluminium26.982Post-transition metal
14SiSilicon28.086Metalloid
15PPhosphorus30.974Nonmetal
16SSulfur32.06Nonmetal
17ClChlorine35.45Halogen
18ArArgon39.948Noble gas
19KPotassium39.098Alkali metal
20CaCalcium40.078Alkaline earth
21ScScandium44.956Transition metal
22TiTitanium47.867Transition metal
23VVanadium50.942Transition metal
24CrChromium51.996Transition metal
25MnManganese54.938Transition metal
26FeIron55.845Transition metal
27CoCobalt58.933Transition metal
28NiNickel58.693Transition metal
29CuCopper63.546Transition metal
30ZnZinc65.38Transition metal
31GaGallium69.723Post-transition metal
32GeGermanium72.630Metalloid
33AsArsenic74.922Metalloid
34SeSelenium78.971Nonmetal
35BrBromine79.904Halogen
36KrKrypton83.798Noble gas
37RbRubidium85.468Alkali metal
38SrStrontium87.62Alkaline earth
39YYttrium88.906Transition metal
40ZrZirconium91.224Transition metal
41NbNiobium92.906Transition metal
42MoMolybdenum95.95Transition metal
43TcTechnetium98Transition metal
44RuRuthenium101.07Transition metal
45RhRhodium102.91Transition metal
46PdPalladium106.42Transition metal
47AgSilver107.87Transition metal
48CdCadmium112.41Transition metal
49InIndium114.82Post-transition metal
50SnTin118.71Post-transition metal
51SbAntimony121.76Metalloid
52TeTellurium127.60Metalloid
53IIodine126.90Halogen
54XeXenon131.29Noble gas
55CsCaesium132.91Alkali metal
56BaBarium137.33Alkaline earth
57LaLanthanum138.91Lanthanide
58CeCerium140.12Lanthanide
59PrPraseodymium140.91Lanthanide
60NdNeodymium144.24Lanthanide
61PmPromethium145Lanthanide
62SmSamarium150.36Lanthanide
63EuEuropium151.96Lanthanide
64GdGadolinium157.25Lanthanide
65TbTerbium158.93Lanthanide
66DyDysprosium162.50Lanthanide
67HoHolmium164.93Lanthanide
68ErErbium167.26Lanthanide
69TmThulium168.93Lanthanide
70YbYtterbium173.05Lanthanide
71LuLutetium174.97Lanthanide
72HfHafnium178.49Transition metal
73TaTantalum180.95Transition metal
74WTungsten183.84Transition metal
75ReRhenium186.21Transition metal
76OsOsmium190.23Transition metal
77IrIridium192.22Transition metal
78PtPlatinum195.08Transition metal
79AuGold196.97Transition metal
80HgMercury200.59Transition metal
81TlThallium204.38Post-transition metal
82PbLead207.2Post-transition metal
83BiBismuth208.98Post-transition metal
84PoPolonium209Post-transition metal
85AtAstatine210Halogen
86RnRadon222Noble gas
87FrFrancium223Alkali metal
88RaRadium226Alkaline earth
89AcActinium227Actinide
90ThThorium232.04Actinide
91PaProtactinium231.04Actinide
92UUranium238.03Actinide
93NpNeptunium237Actinide
94PuPlutonium244Actinide
95AmAmericium243Actinide
96CmCurium247Actinide
97BkBerkelium247Actinide
98CfCalifornium251Actinide
99EsEinsteinium252Actinide
100FmFermium257Actinide
101MdMendelevium258Actinide
102NoNobelium259Actinide
103LrLawrencium266Actinide
104RfRutherfordium267Transition metal
105DbDubnium268Transition metal
106SgSeaborgium269Transition metal
107BhBohrium270Transition metal
108HsHassium277Transition metal
109MtMeitnerium278Transition metal
110DsDarmstadtium281Transition metal
111RgRoentgenium282Transition metal
112CnCopernicium285Transition metal
113NhNihonium286Post-transition metal
114FlFlerovium289Post-transition metal
115McMoscovium290Post-transition metal
116LvLivermorium293Post-transition metal
117TsTennessine294Halogen
118OgOganesson294Noble gas

How the Table is Organised

Reading left to right, atomic number increases by one with each element. Groups (vertical columns) share the same number of outer-shell electrons and therefore similar behaviour — for example Group 1 is the reactive alkali metals and Group 18 is the inert noble gases. Periods (horizontal rows) correspond to the electron shell being filled. The lanthanides (57–71) and actinides (89–103) are shown as two separate rows below the main table to keep it compact.

Frequently Asked Questions — Periodic Table

— The basics
How many elements are in the periodic table?

The periodic table contains 118 confirmed elements, from Hydrogen (atomic number 1) to Oganesson (atomic number 118). Elements 113-118 were officially named by IUPAC in 2016. Scientists continue to attempt synthesis of elements 119 and beyond.

What are the element categories in the periodic table?

Elements are grouped into categories based on their chemical and physical properties: alkali metals, alkaline earth metals, transition metals, post-transition metals, metalloids, reactive nonmetals, halogens, noble gases, lanthanides, and actinides. Each category shares similar electron configurations and reactivity patterns.

What is the difference between a metal, a nonmetal, and a metalloid?

Most elements — roughly three-quarters of the table — are metals: shiny, malleable, and good conductors of heat and electricity, occupying the left and center of the table. Nonmetals, on the upper right, are typically dull, brittle solids or gases with poor conductivity, including carbon, oxygen, and the halogens. Metalloids — boron, silicon, germanium, arsenic, antimony, tellurium, and polonium — sit along the zig-zag staircase between the two and share properties of both, which is why silicon and germanium are used as semiconductors.

What do atomic number and atomic mass actually mean?

Atomic number (Z) is the number of protons in an atom's nucleus — it defines the element, and changing it turns the atom into a different element entirely. Atomic mass is the weighted average mass of all naturally occurring isotopes of an element, measured in atomic mass units (u), which is why it is almost never a round number.

What is the difference between a group and a period?

A group is a vertical column — 18 in total. Elements in the same group share the same number of valence electrons and therefore similar chemical behaviour, from the reactive alkali metals in Group 1 to the inert noble gases in Group 18. A period is a horizontal row — 7 in total. Moving across a period adds one electron to the same outer shell at a time, so properties shift gradually from metallic to nonmetallic left to right.

What are the newest elements added to the periodic table?

The four most recent additions — nihonium (113), moscovium (115), tennessine (117), and oganesson (118) — completed the seventh period and were officially named by IUPAC in 2016. All four are synthetic superheavy elements made in particle accelerators; they exist for only a fraction of a second before decaying, so none occurs in nature or has ever been produced in a visible quantity. No element beyond 118 has been confirmed.

Why are lanthanides and actinides shown separately?

Lanthanides (elements 57-71) and actinides (elements 89-103) are placed below the main table by convention to keep the table compact. If inserted in their true positions (period 6 group 3 and period 7 group 3), the table would be 32 columns wide, making it impractical to display.

— Chemistry concepts, explained
What is electronegativity and how does it trend across the periodic table?

Electronegativity measures an atom's ability to attract shared electrons in a chemical bond, using the Pauling scale. Fluorine has the highest electronegativity (3.98) while Francium has the lowest (~0.7). Electronegativity generally increases across a period (left to right) and decreases down a group (top to bottom). Noble gases are typically excluded as they rarely form bonds.

What is ionization energy?

Ionization energy is the energy required to remove the most loosely held electron from a gaseous atom. Like electronegativity, it generally increases across a period, as a growing nuclear charge pulls electrons in tighter, and decreases down a group, as outer electrons sit farther away and are shielded by inner shells. Noble gases have the highest ionization energy in their period, since their filled outer shell is especially stable; alkali metals have the lowest.

What is atomic radius and how does it change across the table?

Atomic radius is a measure of the size of an atom, typically the distance from the nucleus to the outermost electron shell. It increases down a group, since each row adds a new electron shell farther from the nucleus, and decreases across a period, as growing nuclear charge pulls the same-shell electrons in tighter without adding a new one. Francium, bottom-left, has the largest atomic radius on the table; helium, top-right, has the smallest.

What are valence electrons and why do they matter?

Valence electrons are the electrons in an atom's outermost shell, and they are what determine how an element bonds with others. For main-group elements, the group number maps directly onto the valence electron count: Group 1 elements have one valence electron, the halogens in Group 17 have seven, and the noble gases in Group 18 have a full eight — which is why noble gases rarely react at all.

What is an electron shell diagram?

An electron shell diagram shows how electrons are distributed across energy levels (shells) around an atom's nucleus. The first shell holds up to 2 electrons, the second up to 8, the third up to 18, and the fourth up to 32. Click any element to see its electron shell diagram visualized with concentric rings.

— Using this tool
How does the temperature phase slider work?

The phase slider lets you set any temperature from 0 K to 6000 K. Each element on the table is then color-coded based on whether it is solid (blue), liquid (red), or gas (green) at that temperature, using real melting and boiling point data. Elements with unknown phase data are shown in gray.

What periodic trends can I visualize?

This tool visualizes three key trends: electronegativity (tendency to attract electrons), atomic radius (size of atoms), and ionization energy (energy needed to remove an electron). Each trend is shown as a color gradient overlaid on the periodic table, making patterns across periods and groups immediately visible.

How do I compare two elements?

Click the Compare tab, then click any two elements on the table. Their properties — including atomic mass, density, melting point, boiling point, electronegativity, electron configuration, and discovery year — are displayed side-by-side for easy comparison.

What quiz modes are available?

Three quiz modes test different aspects of your periodic table knowledge: Find by Name (click the correct element on the table), Name from Symbol (type the element name given its symbol), and Identify by Number (type the element name given its atomic number).

Can I search for a specific element or filter by category?

Yes. Type into the search box to filter by element name, symbol, or atomic number as you type. Use the category dropdown to highlight every element in a given category — such as noble gases or transition metals — while dimming the rest of the table.

Does this periodic table work well on mobile devices?

Yes. The layout is fully responsive and touch-friendly, so the table, tabs, and controls resize and stay usable on phones and tablets.

— Free, private, and accurate
Is this periodic table free to use?

Yes, completely free. No account, no subscription, no ads. It is one of the free browser-based tools at jasperbernaers.com.

Where does the element data come from, and how accurate is it?

Element properties — atomic mass, melting and boiling points, electronegativity, ionization energy, atomic radius, and electron configuration — follow standard reference chemistry values consistent with IUPAC and CODATA-recommended figures. For the newest and heaviest synthetic elements, some physical properties are unmeasured or extrapolated, and the table marks these as unknown rather than guessing.

Does this tool track me or upload any data?

No. The element data, phase calculations, trend visualizations, and quiz all run entirely in your browser with plain JavaScript — nothing you search for, click, or answer is sent to a server. Like every tool on this site, an anonymous, cookie-free page-view count is collected through Simple Analytics; nothing about how you use the table itself is tracked.

How is this different from other online periodic tables?

Most online periodic tables, including well-known reference sites, are excellent static references and stop there. This one adds interactive layers on top of the reference data: a live temperature phase slider, color-coded trend gradients, a side-by-side element comparator, and three quiz modes — all in one free tool with no ads, no account, and no signup.