Installation
Run the following command
npx shadcn@latest add @aceternity/focus-cards
Props
Component | Prop | Type | Description |
---|---|---|---|
Card | card | Card | The card object containing title and src properties |
Card | index | number | The index of the card in the array |
Card | hovered | number | null | The index of the currently hovered card, or null if no card is hovered |
Card | setHovered | React.Dispatch<React.SetStateAction<number | null>> | Function to update the hovered state |
FocusCards | cards | Card[] | An array of Card objects to be rendered |
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

