Infinite Tendrils

Infinite Tendrils is an interactive background in the UI HUB interactive backgrounds collection. A swarm of motes tracing infinite tendrils through a Canvas 2D field of angles. Each heading is steered by two scrolling value-noise octaves (broad swell + fine fray) while motes move at per-mote pace and leave a fading trail via destination-out compositing.

The component is driven by 10 documented props (colorA, colorB, count, scale, size, trail and 4 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.