# Motion Hover Card

Assignee mention preview with follow and open-profile actions.

- id: `motion-hover-card`
- Page: https://agentic-ui-kit.com/components/motion-hover-card
- Live preview: https://agentic-ui-kit.com/live/component/motion-hover-card

## Install

```bash
agentic-ui add motion-hover-card
npx shadcn@4.17.0 add @agentic-ui/motion-hover-card
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** hover-intent-open, focus-open, escape-dismiss, focus-restore, keyboard-reachable-actions, tooltip-semantics, entity-preview, progress-preview, media-preview, personality-adaptation, reduced-motion-fallback
- **Intents:** navigate, explore-detail, track-status
- **Suits domains:** saas, project-management, devtools, social, media, crm
- **Interaction:** hover, focus, keyboard-navigation, click
- **Screen role:** detail
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Assignee mention preview with follow and open-profile actions, Build or job progress summary on a status link (informative tooltip), Attachment preview with play and open-in-library actions
- **Avoid when:** Essential information that must be visible without hover or focus, Touch-first surfaces where a sheet or dedicated detail page is clearer, Forms or multi-step flows inside the preview (use a dialog)
- **Preserve when adapting:** informative-vs-interactive-semantics, escape-and-focus-restore-contract, hover-intent-delays, reduced-motion-contract
- **Replace when adapting:** preset-content, domain-copy, actions
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.7/10
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 9/10, code 9/10
- **Uses primitives:** hover-card, tooltip, button
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/motion-personalities, @agentic-ui/tokens, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 30 fps
- **Registry dependencies:** lib-motion, lib-motion-personalities