Cards bounce in on mount, and optionally push their neighbours aside on hover.
Every prop is wired to the controls underneath. Turn on Enable Hover Effect to flatten the hovered card and push the others away.
| Prop | Type | Default | Description |
|---|---|---|---|
images | string[] | [] | Array of image URLs to display. |
containerWidth | number | 400 | Width of the container (px). |
containerHeight | number | 400 | Height of the container (px). |
animationDelay | number | 0.5 | Delay (in seconds) before the animation starts. |
animationStagger | number | 0.06 | Time (in seconds) between each card's animation. |
easeType | string | 'elastic.out(1, 0.8)' | Easing function for the bounce. |
transformStyles | string[] | various rotations/translations | Custom transforms for each card position. |
enableHover | boolean | false | If true, hovering pushes siblings aside and flattens the hovered card's rotation. |
Keyboard shortcuts and ARIA behavior.