Quantum Lattice

Quantum Lattice is an interactive background in the UI HUB interactive backgrounds collection. A 2D Canvas mass-spring lattice simulating quantum particle flux. Nodes oscillate with Hooke restitution and exponential velocity damping. Pointer motion transfers kinetic momentum to nearby nodes, stretching connections and shifting color from #3D5CFF to #00E5FF; pointer down fires a radial shockwave.

The component is driven by 12 documented props (background, nodeColor, activeColor, spacing, springTension, damping and 6 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Canvas 2D; requestAnimationFrame loop; ResizeObserver.

Preview the interactive background in the browser above, copy the source, and paste it into your project. Interactive Backgrounds components in UI HUB are grouped by category so you can compare effects side by side before choosing one.