Image Collage

Image Collage is an image interaction in the UI HUB image interactions collection. An interactive image collage that toggles between a scattered cluster and an organised row on click/tap.

The component is driven by 3 documented props (images, containerClassName, imageClassName), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Per-card spring animate between authored offsets and zeroed row; React.forwardRef + HTMLAttributes passthrough; Click toggle of the isOrganized state.

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.