An interactive 3D crystal lattice visualizer built with React and Three.js. Explore common crystal structures used in materials science and semiconductor research.

• 5 Crystal Structures — Simple Cubic, BCC, FCC, Diamond Cubic, and HCP
• Interactive 3D Visualization — Orbit, zoom, and pan with mouse controls
• Real-time Parameter Tuning — Adjust lattice constants, atom sizes, and unit cell repetitions
• Bond Visualization — Toggle nearest-neighbor bonds calculated from structure geometry
• Unit Cell Wireframe — Overlay the fundamental unit cell for reference
• Scientific Data — Coordination numbers, packing fractions, and real material examples
• Dark Lab-Instrument UI — Minimal, distraction-free interface

• React 19 + Vite
• Three.js via React Three Fiber + Drei
• Custom CSS with CSS variables

git clone https://github.com/devin-gaughan/crystal-lattice-sim.git
cd crystal-lattice-sim
npm install
npm run dev

Open http://localhost:5173 in your browser.

This project draws on experience from semiconductor materials research, where understanding crystal lattice geometry is fundamental to analyzing material properties, defect structures, and device performance.

MIT