Spider Web

Spider Web is an interactive background in the UI HUB interactive backgrounds collection. An orb web of spring-simulated silk that gives way under the pointer and rings back, parking its animation loop when idle.

The component is driven by 12 documented props (color, opacity, segments, rings, thickness, sag 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 spring-simulation of [ring][spoke] nodes; Squared-falloff pointer force; Self-parking requestAnimationFrame loop.

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.