Tooltip vs. Hover Card
Both appear on hover. A tooltip is one short line of plain text naming the thing under the pointer. A hover card is a rich preview — avatar, stats, even buttons — and you can move the pointer INTO it without it vanishing, which a tooltip never allows.
How to tell them apart
- A few words of plain text naming a control → tooltip.
- A preview of another page or person → hover card.
- You can mouse into it and click things → hover card.
The full entries — names, anatomy, paste-ready prompts
Popover
Filter projects
Dropdown
Tooltip
Last updated today
Popover vs. Dropdown Menu vs. Tooltipweb
popover
Three anchored overlays with different triggers, content, and dismissal rules
Designed by @jane
J
Jane Appleseed
@jane
Design systems engineer. Making interfaces easier to name and build.
Toronto 2.4k
Hover Cardweb
HoverCard
A rich, non-modal preview revealed from a hovered or focused reference
Still a different pair on your mind? See every commonly confused pair