Future UI

Animated Tooltip

◈ Inputs

Mouse-tracking tooltip with GSAP spring animations and auto-flip positioning.

tooltiphovergsapanimationoverlaymouse-tracking

No preview available

GSAP Spring ~ Mouse-tracking tooltip with tilt

Controls

200

Inputs / React Component

About Animated Tooltip

Mouse-tracking tooltip with GSAP spring animations and auto-flip positioning.

Category Inputs
Framework React + TypeScript
Dependencies gsap, @gsap/react
Tags tooltip, hover, gsap, animation, overlay, mouse-tracking

Install Animated Tooltip in your project

Copy the shadcn CLI command below. Replace YOUR_LICENSE_KEY with the license key from your FutureUI account — or log in and it will auto-fill for you.

npx shadcn@latest add "https://futureui.studio/api/registry/animated-tooltip.json?key=YOUR_LICENSE_KEY"

Usage example

import { AnimatedTooltip } from "@/components/lib/tooltip/AnimatedTooltip";

<AnimatedTooltip content="Save your changes" side="top">
  <button>Hover me</button>
</AnimatedTooltip>