Direction Aware Hover
A direction aware hover effect using Framer Motion, Tailwindcss and good old javascript.
Installation
Run the following command
npx shadcn@latest add @aceternity/direction-aware-hover
Props
Prop | Type | Description |
---|---|---|
imageUrl | string | The URL of the image to be displayed. |
children | React.ReactNode or string | The content to be displayed over the image. |
childrenClassName | string (optional) | The CSS class to be applied to the children. |
imageClassName | string (optional) | The CSS class to be applied to the image. |
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

