~/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.

FAQ — Frequently Asked Questions about the Periodic Table

Frequently Asked Questions — Periodic Table

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 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.

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 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.

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).

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.

Is this periodic table free to use?

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

Can I use this periodic table offline?

Yes. This tool is a Progressive Web App (PWA). After your first visit, it is cached locally and works without an internet connection. On mobile, you can add it to your home screen for quick access.