Hover Card

A rich floating card that appears on hover or focus. Unlike Tooltip, the card stays open when the mouse moves into it so users can interact with its content.

User profile

Hover over a handle to preview the user. The card stays open when the mouse moves into it — you can interact with links and other content inside.

Designed by @richard

Placements

Use placement to control which side the card opens from. The card is viewport-clamped and never overflows the screen.

Open delay

The default openDelay is 700 ms to avoid cards popping up during normal cursor movement. Set it lower for intentional hover targets.