Preview Link Card

Displays a preview image of a link when hovered.

Made by imskyleen
Edit on GitHub
Open in

Read the Animate UI Docs — hover to preview, click to dive in.

Installation

Usage

<PreviewLinkCard href="https://animate-ui.com/docs">
  <PreviewLinkCardTrigger>Animate UI Docs</PreviewLinkCardTrigger>
  <PreviewLinkCardContent>
    <PreviewLinkCardImage alt="Preview link card content" />
  </PreviewLinkCardContent>
</PreviewLinkCard>

API Reference

PreviewLinkCard

Animate UI API Reference - PreviewLinkCard PrimitiveRadix UI API Reference - HoverCard.Root

PreviewLinkCardTrigger

Animate UI API Reference - PreviewLinkCardTrigger PrimitiveRadix UI API Reference - HoverCard.Trigger

PreviewLinkCardContent

Animate UI API Reference - PreviewLinkCardContent PrimitiveRadix UI API Reference - HoverCard.Content

PreviewLinkCardImage

Animate UI API Reference - PreviewLinkCardImage Primitive

Credits

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

Last updated: 11/17/2025