Fan Hover Card Stack

Pro

Hover a stacked profile deck and watch the cards fan outward in sequence while the active one lifts to the front.

carouselcss 3d3dcardsfanhoverstackgallery
Fan Hover Card Stack component preview

Props

PropTypeDefaultDescription
itemsFanStackCard[]-Profile cards rendered in the stack.
defaultActiveIndexnumber2Card that sits in front when the deck is collapsed.
spreadnumber168Horizontal fan distance in pixels when expanded.
liftnumber34Vertical lift for the active expanded card in pixels.
onActiveChange(item: FanStackCard, index: number) => void-Fires when the active card changes.