Stack (FX)

Layered stack with swipe animations, autoplay and smooth transitions.

Default

Drag the top card away to send it to the back. Every prop is wired to the controls underneath.

Random RotationAutoplayPause On Hover

Sensitivity200

Autoplay Delay3000ms

Prop	Type	Default	Description
`randomRotation`	`boolean`	`false`	Applies a random rotation to each card for a 'messy' look.
`sensitivity`	`number`	`200`	Drag sensitivity for sending a card to the back.
`sendToBackOnClick`	`boolean`	`false`	When enabled, the stack also shifts to the next card on click.
`cards`	`string[]`	`[]`	The image URLs to display in the stack. Use the card slot to render something other than an image.
`animationConfig`	`object`	`{ stiffness: 260, damping: 20 }`	Configures the spring animation's stiffness and damping.
`autoplay`	`boolean`	`false`	When enabled, the stack automatically cycles through cards.
`autoplayDelay`	`number`	`3000`	Delay in milliseconds between automatic card transitions.
`pauseOnHover`	`boolean`	`false`	When enabled, autoplay pauses when hovering over the stack.
`mobileClickOnly`	`boolean`	`false`	On screens narrower than mobileBreakpoint, disable dragging and send the card to the back on click.
`mobileBreakpoint`	`number`	`768`	Width in pixels below which mobileClickOnly applies.

Slot	Description
`card`	Custom card content. Receives the card value and its index.

Keyboard shortcuts and ARIA behavior.

Cards are not focusable. If the stack carries content people need, offer a keyboard alternative next to it, such as a button that calls the same action.