Hover Effect
Hover over the cards and the effect slides to the currently hovered card.
Stripe
A technology company that builds economic infrastructure for the internet.
Netflix
A streaming service that offers a wide variety of award-winning TV shows, movies, anime, documentaries, and more on thousands of internet-connected devices.
A multinational technology company that specializes in Internet-related services and products.
Meta
A technology company that focuses on building products that advance Facebook's mission of bringing the world closer together.
Amazon
A multinational technology company focusing on e-commerce, cloud computing, digital streaming, and artificial intelligence.
Microsoft
A multinational technology company that develops, manufactures, licenses, supports, and sells computer software, consumer electronics, personal computers, and related services.
Installation
Run the following command
npx shadcn@latest add @aceternity/card-hover-effectProps
| Prop name | Type | Description |
|---|---|---|
className | string | The class name of the child component. |
items | {title: string, description: string, link: ReactNode} | items that you can map through, passed as props to the HoverEffect component |
children | ReactNode | Children to the Card CardTitle and CardDescription component |
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
200+ templates and blocks combined
Ready to copy paste component blocks, save days of development time
