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>
  <PreviewLinkCardPanel>
    <PreviewLinkCardImage alt="Preview link card content" />
  </PreviewLinkCardPanel>
</PreviewLinkCard>

API Reference

PreviewLinkCard

Animate UI API Reference - PreviewLinkCardBase UI API Reference - PreviewCard.Root

PreviewLinkCardTrigger

Animate UI API Reference - PreviewLinkCardTriggerBase UI API Reference - PreviewCard.Trigger

PreviewLinkCardPanel

Animate UI API Reference - PreviewLinkCardPanelBase UI API Reference - PreviewCard.Panel

PreviewLinkCardBackdrop

Animate UI API Reference - PreviewLinkCardBackdropBase UI API Reference - PreviewCard.Backdrop

PreviewLinkCardImage

Animate UI API Reference - PreviewLinkCardImage

Credits

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

Last updated: 11/17/2025