Introduction

Rich URL link previews for React Native — a tiny component, a hook, and a free hosted API.

react-native-preview-url turns any URL into a link preview card — title, description, image, favicon, site name — using one component or one hook.

What it ships

Drop-in card with rounded corners, 16:9 image, accessible press-to-open behavior. Override every visual via *Style props.

The lower-level hook. Returns { loading, data, error }. Render whatever shape your design system needs.

LRU with separate TTLs for success/error. Concurrent requests dedupe automatically. Scoped by base URL.

No API key. Or run the open-source backend yourself when you outgrow the free tier.

Live · same component, every platform

iOSAndroidWeb

Hit Enter or tap Preview to fetch.

titleLines2

callback log

Waiting for input. Tap the preview card to fire onPress.

import { LinkPreview } from 'react-native-preview-url';

export function Example() {
  return <LinkPreview url="https://github.com" />;
}

That's it. The card renders, the URL opens on tap (via React Native's Linking), the response is cached for five minutes.