Testimonials Card

Testimonials Card is an image interaction in the UI HUB image interactions collection. A 3D testimonial card stack: the active portrait pops forward out of a fanned stack of image cards (rotateZ offsets, z depth, scale) while its name and quote animate in; direction-aware enter/exit slides the card in from the off-screen side.

The component is driven by 7 documented props (items, className, width, showNavigation, showCounter, autoPlay and 1 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Direction-aware AnimatePresence enter/exit; Fanned stack transforms (rotateZ/z/scale per offset); Autoplay interval cleared on unmount.

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.