Animated Tooltip

Scroll to load preview

Hover over an avatar and watch the tooltip tilt toward your mouse. Photos stack with an overlapping style and expand on hover. The tooltip shows name and title with gradient accent lines at the bottom. Great for team pages and contributor lists.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:

use shadcnio to install the animated-tooltip component into my project

Avatar Group

Stacked avatar display

Animated Testimonials

Photo testimonial carousel

Glimpse

Hover card preview

Magnetic

Cursor-attracted elements

Animated Tooltip