Spiral Images

Spiral Images is an image interaction in the UI HUB image interactions collection. An infinite vortex of images flowing along an Archimedean spiral from the outer edge into the center, rotating to follow the spiral tangent and fading at both ends.

The component is driven by 11 documented props (images, turns, speed, spacing, spread, sizeAttenuation and 5 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Archimedean spiral with equal-arc reparameterization; Arc-length-accurate equal card spacing; Per-card tangent rotation + center fade/size attenuation.

Preview the image interaction in the browser above, copy the source, and paste it into your project. Image Interactions components in UI HUB are grouped by category so you can compare effects side by side before choosing one.