Docs / Components / Expandable Cards
Expandable Cards
A group of vertical cards that expand smoothly on hover using Framer Motion layout animations. Perfect for displaying featured collections or portfolio categories.
Mountain Retreat
Deep Forest
Ocean Breeze
Golden Desert
Dependencies
Install the following dependencies to use this component:
1npm install motion clsx tailwind-merge
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add expandable-cards
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| cards | Card[] | DEFAULT_CARDS | Array of card objects with id, title, image, and description. |
| className | string | '' | Additional CSS classes for the container. |