Card Stack

Cards stack on top of each other after some interval. Perfect for showing testimonials.

These cards are amazing, I want to use them in my project. Framer motion is a godsend ngl tbh fam 🙏

Manu Arora

Senior Software Engineer

I dont like this Twitter thing, deleting it right away because yolo. Instead, I would like to call it X.com so that it can easily be confused with adult sites.

Elon Musk

Senior Shitposter

The first rule ofFight Club is that you do not talk about fight club. The second rule ofFight club is that you DO NOT TALK about fight club.

Tyler Durden

Manager Project Mayhem

Installation

Run the following command

npx shadcn@latest add @aceternity/card-stack

Props

Prop name	Type	Description
`className`	`string`	The class name of the child component.
`cards`	`Array<{id: number; name: string; designation: string; content: React.ReactNode;}>`	The cards that you want to render in the stack effect
`offset`	`number`	The offset by which you want the cards to stack
`scaleFactor`	`number`	The scale by which you want the cards to stack

Build websites faster and 10x better than your competitors with
Aceternity UI Pro

Next.js 15, Tailwind CSS v4 and Motion for react powered templates

70+ templates and component blocks combined

Ready to copy paste component blocks, save days of development time

Get lifetime access