A React hover card component built on Radix UI primitives that displays rich content when users hover over trigger elements. ## Key Components - **`HoverCard`** - Root component that manages hover state and positioning - **`HoverCardTrigger`** - Element that triggers the hover card when hovered - **`HoverCardContent`** - Styled content container with animations and positioning ## Usage Example ```typescript import { HoverCard, HoverCardTrigger, HoverCardContent } from "./hover-card" function UserProfile() { return (

John Doe

Software developer with 5 years experience

Joined January 2020

) } ``` The content includes smooth fade and zoom animations, configurable positioning (center-aligned by default with 4px offset), and responsive styling with popover theming. Perfect for user profiles, tooltips, or any contextual information that enhances UX without cluttering the interface.