Media

Link Preview

Hyperlinks that show an image tooltip on hover, tracking your cursor with a parallax tilt on the artwork.

Now reading

To maintain world peace, a master spy codenamed Loid must create a fake family to infiltrate an elite school. He unknowingly recruits a telepathic daughter named Anya and a professional assassin named Yor. Together, they navigate the “micro-details” of daily life while hiding their secret identities from each other.

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/link-preview

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<p>
  Read more about{" "}
  <LinkPreview href="/posts/spy-x-family" src="/spyxfamily/spyx.webp" alt="Spy x Family">
    Spy × Family
  </LinkPreview>
  .
</p>

Use cases

Editorial article body
Inline links in long-form blog posts that preview the destination without a click.
Wiki / docs cross-references
Replace plain `[term]` links with a glanceable preview of the target page.
Changelog entries
Link to PRs, designs, or videos with an instant thumbnail.
Mentions in chat / comments
@-mentions of people or projects that expand into an avatar / cover on hover.