Built with Three.js, this page presents an interactive animation that depicts an atom.

github.com/matt765/atom-animation
Atom Animation homepage screenshot

About Atom Animation

Atom Animation is an interactive 3D visualization of atomic structure built with Three.js. The GitHub repository contains the homepage code for atomanimation.com, viewable live at atomanimation.com and atom3d.vercel.app.

It presents elements using the Bohr model with electrons in planet-like orbits and includes element data sourced from PubChem, NIST, and IUPAC. The project notes the display is simplified and not to scale, and it is distributed under a Personal Use License.

Key features

  • Interactive 3D atom visualization built with Three.js
  • Bohr model view with electrons in defined orbits
  • Chemical element data sourced from PubChem, NIST, IUPAC
  • Live version available at atomanimation.com and atom3d.vercel.app
  • Local setup with npm install and localhost development server
Best for: Best for learners and developers interested in a visual Bohr-model atom example.
Good for
  • Element data references PubChem, NIST, and IUPAC sources
  • Provides live demos and local run instructions for developers
  • Documents use of simplified Bohr model
Watch out for
  • Uses Bohr model instead of quantum orbital representation
  • Displayed scale is not realistic for nucleus and electron space
  • Licensed for personal use, limiting reuse

Atom Animation at a glance

Type
Open-source project
Pricing
Not confirmed. Check the site
Open source
Not stated
Language
English
Last checked
Oct 5, 2026 · Online when checked
Listed
Oct 5, 2026

Atom Animation alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

Manim

github.com/3b1b/manim

The Manim engine creates precise programmatic animations for explanatory mathematics videos, including scenes associated with 3Blue1Brown.

Open source
24 alternatives

Popular in Science, Math & Technology

Well-known listings from the same topic.

All 276

Atom Animation FAQ

Is the atom model scientifically accurate?
It uses the Bohr model with planet-like orbits and is not to scale; modern theory describes electron clouds or orbitals.
Where can I see the live animation?
The repository version is on the homepage at atomanimation.com, with a separate code demo at atom3d.vercel.app.
How do I run the project locally?
From the project root, run npm install, then npm run dev to start a server at localhost:3000.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing