Infinity Image

Infinity Image is an image interaction in the UI HUB image interactions collection. A continuous infinity ring gallery where thumbnail cards flow seamlessly along a figure-eight path using CSS offset-path, rotating tangentially and evenly spaced around the dual-lobe loop.

The component is driven by 11 documented props (images, count, duration, cardWidth, cardHeight, cardRadius and 5 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: CSS offset-path figure-eight curve; Evenly staggered negative animation delays; High-res images with glossy glassmorphic overlay.

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.