Periodic Table of the Elements
All 118 elements in the classic layout — click any tile for atomic mass, electron configuration, and a fun fact. Free, no signup.
How to use the periodic table
- Browse the table. Every tile shows the atomic number, symbol, and name. Colors mark each element's category — the legend below the table explains them.
- Click any element. The detail panel shows its atomic mass, group and period, electron configuration, and a fun fact.
- Search to jump. Type a name, symbol, or atomic number (try "oxygen", "O", or "8") to highlight the element and open its details instantly.
- Filter by category. Click a legend color to dim everything else — click it again, or the Clear button, to show the full table.
Frequently asked questions
How is the periodic table organized?
Elements are arranged by atomic number in rows called periods and columns called groups. There are 7 periods and 18 groups. Elements in the same group tend to share chemical behavior. For example, the group 1 metals all react vigorously with water.
What do the colors on the table mean?
Each color marks an element category, such as alkali metal, noble gas, or lanthanide. Click any color in the legend to highlight just that category, and click it again to clear the filter.
How do I quickly find an element?
Type a name, symbol, or atomic number in the search box - for example 'gold', 'Au', or '79'. The table highlights the element, scrolls to it, and opens its details.
What is the difference between atomic number and atomic mass?
The atomic number is the count of protons in the nucleus, and it defines the element. The atomic mass is the weighted average mass of the element's atoms, measured in atomic mass units.
Why do the lanthanides and actinides sit below the main table?
They belong in periods 6 and 7, but showing all 30 of them inline would make the table impractically wide. The two detached rows are the f-block. The placeholders marked 57-71 and 89-103 show where each row connects to the main table.
What do masses in brackets mean, like [98]?
A bracketed mass means the element has no stable form in nature. The number shown is the mass number of its most stable known isotope instead of a standard atomic weight.
How do I read an electron configuration?
An electron configuration describes where an element's electrons live. Iron's [Ar] 3d⁶ 4s² means: take argon's full electron shells, then add six electrons in the 3d subshell and two in the 4s subshell. The bracket is noble-gas shorthand that keeps long configurations readable.
Is my data sent anywhere?
No. The whole table, search, and filters run in your browser. Nothing you type or click is sent to a server or stored.
More from the codex
Periodic Table
All 118 elements, one click away.
Citation Generator
APA, MLA, Chicago, and Harvard citations from a URL, DOI, or ISBN.
Open tool → LiveGPA Calculator
Semester and cumulative GPA with a target planner.
Open tool → LiveWord Counter
Count words and estimate reading time instantly.
Open tool → LiveGrade Calculator
“What do I need on my final?” — answered.
Open tool → LivePomodoro Timer
Focus sprints and breaks, kept in rhythm.
Open tool → LiveRandom Student Picker
Fair, no-repeat classroom picker for teachers.
Open tool → LiveScientific Calculator
Trig, logs, powers, factorials — full keypad.
Open tool → LivePercentage Calculator
Percent of, percent change, increase/decrease.
Open tool → LiveUnit Converter
Everyday conversions, instantly.
Open tool → LiveTyping Speed Test
Measure your words per minute and accuracy.
Open tool → LiveStudent Budget Calculator
Track income and spending, stay on budget.
Open tool → LiveAttendance Calculator
How many classes can you miss? Find out.
Open tool → LiveTip Calculator
Split the bill and tip the right amount.
Open tool → LivePassword Generator
Strong random passwords and passphrases.
Open tool → LiveCase Converter
UPPERCASE, lowercase, Title Case, camelCase & more.
Open tool → LiveCountdown Timer
Count down to exams, graduation, and big days.
Open tool → LiveFlashcard Maker
Study with smart flip cards and spaced repetition.
Open tool → LiveResume Builder
Build a clean, ATS-friendly resume.
Open tool → LivePDF Tools
Merge, split, and convert PDFs — 100% private.
Open tool → LiveTimetable Maker
Build your weekly class schedule in minutes.
Open tool → LiveText-to-Speech Reader
Hear any text read aloud, free.
Open tool → LiveAge Calculator
How old are you, exactly? Years, months, days.
Open tool → LiveDate Calculator
Days between dates, plus date arithmetic.
Open tool → LiveBMI Calculator
Body mass index with healthy-range guidance.
Open tool → LiveLoan Calculator
Monthly payments, interest, amortization table.
Open tool → LiveCompound Interest Calculator
Project savings growth with contributions.
Open tool → LiveQR Code Generator
Free QR codes for URLs and text. PNG download.
Open tool → LiveJSON Formatter
Validate, format, and minify JSON.
Open tool → LiveLorem Ipsum Generator
Placeholder text by paragraph or word.
Open tool → LiveTime Zone Converter
Convert times across zones; plan meetings.
Open tool → LiveColor Picker
Hex/RGB/HSL converter, palettes, contrast checker.
Open tool → LiveRandom Number Generator
Random numbers, dice, coin flip, shuffler.
Open tool → LiveStopwatch
Precision stopwatch with lap times.
Open tool → LiveBase64 Encoder
Encode and decode Base64, URL-safe too.
Open tool →Support the codex
This tool is free, with no account and no ads. If it helped you study the elements, consider supporting the indie dev behind it.