← Examples
⚗️ Chemistry Molecules · Ball-and-Stick Models

Molecular Viewer

Drag mouse to rotate molecules. Click buttons to switch between common molecules. Bond angles and atom labels are shown.

Oxygen Hydrogen Carbon Sodium Chlorine
Water (H₂O)
H-O-H bond angle: ~104.5°
Polar covalent bonds
Electron: O=1s²2s²2p⁴
Ball-and-Stick Model — Atoms are spheres, bonds are cylinders. Pseudo-3D rendering on Canvas2D with perspective projection and z-sorting. Drag to rotate around Y and X axes.
import { easing } from '@uploop/timeline' — used for smooth autorotation