# Hover card

Preview a person or link on hover or focus without leaving the page.

- ID: `hover-card`
- Import: `animui/hover-card`
- Category: Disclosure
- Runtime exports: `HoverCard`, `HoverCardProfile`, `default`
- Declaration: `types/free/components/hover-card.d.ts`
- Type provenance: emitted-original-typescript
- Related: tooltip, popover, avatar, user-menu

```tsx
import { HoverCard } from 'animui/hover-card';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info hover-card` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { HoverCard, HoverCardProfile, default } from '../registry/components/hover-card/hover-card.js';
export type { HoverCardProfileProps, HoverCardProps, HoverCardStat } from '../registry/components/hover-card/hover-card.js';
```