Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:componentSelf-contained

Hover card

hover-card3

A hover card is a card that appears when the user hovers over an element. Every variant behaves consistently across Radix UI and Base UI.

@shadcnuikitRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

2 variants

Variants of this

Other takes on Hover card from @shadcnuikit — the same idea in another design, language or styling.

A hover card is a card that appears when the user hovers over an element. Every variant behaves consistently across Radix UI and Base UI.

Open
@shadcnuikit

More from @shadcnuikit

All 139 items
Review
review-card12
Block
Accordion
accordion2
Component
Carousel
carousel7
Component
Alert dialog
alert-dialog4
Component
Attachment
attachment3
Component
Separator
separator3
Component
Input
input-component26
Component
Skeleton
skeleton4
Component