Browse components

Card Stack

Layered testimonial cards that cycle forward with a spring stack. Click the front card to advance.

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:cards/card-stack

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSFramer Motion

Props

PropTypeDescription
itemsCardStackItem[]Cards to cycle: name, role, quote, accent, optional id
intervalnumberAutoplay delay in milliseconds
classNamestringStyles for the outer stack

More Cards Components

Compact Card preview

Compact Card

Editorial card with a full-bleed image, story metadata, and optional link wrapper.

Horizontal Card preview

Horizontal Card

Side-by-side card with image, title, description, and a clear action.

Metric Card preview

Metric Card

Compact dashboard metric with a trend badge and inline sparkline.