🧪 Atomix

Interactive periodic table of elements

GitHub repo size GitHub code size in bytes

Built with

Svelte Svelte TailwindCSS TailwindCSS TypeScript TypeScript ESLint ESLint Prettier Prettier Vite Vite

Periodic Table UI

Roadmap

  • Table of elements with sleek UI
  • Modal with element details
  • Color-coded filters
    • Category (Chemical Group)
    • Phase
    • Electron Configuration
    • Oxidation States
    • Electronegativity (Pauling Scale)
    • Atomic Radius (Van der Waals), pm
    • Melting Point, $K$
    • Boiling Point, $K$
    • Density, $g/cm^3$
  • Legend for element labels for each filter
  • Bohr Atoms visualization
  • Molecules sandbox & visualization
    • Not sure where I want to go with this idea, but it would be cool to experiment with metal alloys and learn about their properties

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes