Everything is
made of atoms.

Tiny particles dancing, snapping together, breaking apart. Build them, bond them, heat them up — see chemistry happen with your own hands.

Protons
Neutrons
Electrons
Orbit Speed 1.0x
Now Showing
C
Carbon
6p · 6n · 6e⁻

Build an atom from scratch

Add protons, neutrons, and electrons to your atom. Watch the element change as you go. Try to build something that exists in real life!

+
Proton
charge +1 · mass 1
0
Neutron
charge 0 · mass 1
Electron
charge −1 · mass ~0
Your Atom
Protons: 0 Neutrons: 0 Electrons: 0
Use + / − on the cards to add or remove particles · right-click atom to remove electron
Element Card
?
No element
Add some protons
Atomic No.
Mass No.
Charge
0
State
Shell Diagram
Add particles to see shells
Try This
Build hydrogen: 1 proton, 0 neutrons, 1 electron.

Fill electrons into shells

Electrons stack into shells and subshells from the inside out: the closest, lowest-energy spot fills first. Add electrons and watch where each one lands.

0 electrons
Add electrons to begin building an element.
Shell 1 (n=1) · 1 subshell
1s
0/2
Shell 2 (n=2) · 2 subshells
2s
0/2
2p
0/6
Shell 3 (n=3) · 3 subshells
3s
0/2
3p
0/6
3d
later
What the subshells look like
s
round ball · holds 2
p
peanut, 3 ways · holds 6
d
clover, 4 lobes · holds 10
f
complex tangle · holds 14

These fuzzy shapes are where an electron is most likely to be. A card glows for the subshell your atom is filling right now.

All 118 elements, organized

Each period is a row, each group is a column. Click any tile to see its atomic structure up close.

Alkali metals
Alkaline earth
Transition metals
Post-transition
Metalloids
Nonmetals
Halogens
Noble gases
Lanthanides
Actinides
Tip: drag to pan · scroll wheel to zoom · click a tile for details

How atoms hold hands

Drag one atom toward another. If they're a metal and a nonmetal, you'll see an ionic bond — electrons hop across. Two nonmetals? A covalent bond — electrons shared.

Bond Type
Drag atoms together to see what happens.
Result
Reaction Steps
Quick Rule
+ Metal + Nonmetal = Ionic (give & take)
Nonmetal + Nonmetal = Covalent (sharing)

Heat it up. Cool it down.

Particles never sit still. Slide the temperature and watch solid, liquid, and gas reveal themselves.

Solid
0 K
Temperature
0 K 27 K 600 K
What's happening?
At low temperatures, particles vibrate in fixed positions — they hold a rigid shape. That's a solid.
Particle Count
40

Try a few questions

No grades here — just curiosity. Stuck? Tap the hint button. You'll be reading the periodic table like a chemist in no time.

Question 1 of 6
Score
0 / 6 correct
Feedback
Pick an answer to begin. Take your time — there's no timer here.
Reference
· Protons = atomic number
· Neutrons = mass − protons
· Shells fill: 2, 8, 8, 18...
· Metal+Nonmetal = ionic
· Nonmetal+Nonmetal = covalent