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-stackProps
| 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
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
