ComponentReactregistry:ui

Hover Card

hover-card

Rich hover preview on radix-ui with portal, directional slide/zoom animations and 3 content sizes (sm, md, lg). Exports HoverCard, HoverCardTrigger, HoverCardContent.

@ai2 Registry JSON

This item declares no source files.

Notes from the author

Use for non-essential preview content shown on hover (user cards, link previews). For click-triggered content use Popover, for tap-friendly hints use Tooltip.

Install

npx shadcn@latest add @ai2/hover-card

Needs @ai2 in your components.json registries — switch to URL if it doesn't resolve.

Registry: @ai2
Kind: Component
Framework: React
Files: 0 · 1.9 KB
Preview: Unavailable

npm dependencies

class-variance-authority radix-ui tw-animate-css

Registry dependencies

tokens@ai2
primitives@ai2

This item belongs to @ai2. Registry Index indexes and previews it; check the registry's license before use.

1 example

See it in use

Used by 1 item

Built on Hover Card

Other @ai2 items that list this one as a dependency.

@ai2

More from @ai2