Cards Stack

A tactile testimonial card that layers customer stories behind the active quote and supports autoplay and drag-to-advance.

Loomwork

“We dropped the stack into our landing page in an afternoon. The drag interaction is the first thing visitors play with, and they stay to read.”

Nadia Park

Product Designer, Loomwork

Quietly

“It feels hand-built instead of templated. Our pricing page finally has social proof that looks as considered as the product itself.”

Marcus Hale

Founder, Quietly

Parcel Labs

“Clean props, sensible defaults, and motion that respects reduced-motion settings. Exactly what a component in our design system should be.”

Ines Duarte

Frontend Lead, Parcel Labs

Loading preview…

Installation

Add the component source directly to your project.

pnpm dlx shadcn@latest add @pastaui-pro/cards-stack

Cards Stack properties
Prop	Type	Default	Description
`items`	`TestimonialCardItem[]`	—	The ordered testimonial cards rendered in the stack.
`interval`	`number`	`2000`	Milliseconds the front card rests before the next transition.
`spacing / scaleStep`	`number`	`24 / 0.02`	Vertical offset and scale reduction for each card behind the front.
`className`	`string`	—	Additional classes for sizing or positioning the stack.