Beta
Animate UI

Hover Card

For sighted users to preview content available behind a link.

Made by imskyleen

Installation

Usage

<HoverCard>
  <HoverCardTrigger>Hover Card Trigger</HoverCardTrigger>
  <HoverCardContent>Hover Card Content</HoverCardContent>
</HoverCard>

Props

Animate UI props

HoverCardContent

PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 300, damping: 25 }

Credits

  • We use Radix UI for the hover card component.
  • We take our inspiration from Shadcn UI for the hover card style.

Built by Skyleen. The source code is available on GitHub.

On this page