Tooltip Card
A tooltip card container that follows mouse pointer when hovered over
There was a problem with the server. Once
AWS
went down, we had to quickly migrate to a new provider. AWS in general is a great service, but sometimes it's not available.The server was administered by
Tyler Durden.
Tyler has been with us for a long time. He is a great asset to the team and sometimes tries to act in different ways which can be difficult to manage. That is when we approached Tyler for a cute little
testimonial.
Instead of a testimonial, he started yapping about project mayhem and how we should be using our skills to build a better future.Installation
Run the following command
npx shadcn@latest add @aceternity/tooltip-cardProps
Tooltip Props
| Prop | Type | Default | Description | Required |
|---|---|---|---|---|
content | string | React.ReactNode | - | The content to display inside the tooltip. | Yes |
children | React.ReactNode | - | The element that triggers the tooltip on hover/touch. | Yes |
containerClassName | string | - | Additional CSS classes to apply to the tooltip container. | No |
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
