Perspective Carousel

Perspective Carousel is an image interaction in the UI HUB image interactions collection. A 3D perspective carousel where slides fan around a shared vertical axis: the active card faces forward while neighbouring cards rotateY by rotationStep per unit distance, scale down and fade. The track translates horizontally to centre the active slide.

The component is driven by 16 documented props (items, activeIndex, defaultActiveIndex, onActiveIndexChange, loop, slideWidth and 10 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Per-slide rotateY fan + active scale/opacity; Controlled/uncontrolled activeIndex with onActiveIndexChange; Keyboard ArrowLeft/ArrowRight handling.

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.