Every URLbecomes a card.
Rich link previews for React Native, Expo, and React Native Web. One component, one hook, zero native code. Tap any URL — get metadata, image, favicon, tap-to-open, all out of the box.
$npm install react-native-preview-url- 18
- props
- 0
- native deps
- ~17 kB
- tarball
- 3
- platforms
The same component,
running in your browser.
Bridged to the web via react-native-web. Paste any URL and watch the real lib hit the real API.
URL
Hit Enter or tap Preview to fetch.
Quick picks
Props
Last event
A wall of unfurls.
Same component, every URL. Hover to pause.
GitHub · Where the world builds software
Millions of developers build, ship, and maintain their software on GitHub.
github.com
Vercel: Build and deploy the best web experiences
Vercel gives you the developer tools and cloud infrastructure to build, scale, and secure faster.
vercel.com
Linear · The new standard for modern software development
Meet the new standard for modern software development. Streamline issues, sprints, and product roadmaps.
linear.app
Figma — The Collaborative Interface Design Tool
Build better products as a team. Design, prototype, and gather feedback all in one place.
figma.com
Stripe | Payment processing platform for the internet
Stripe powers online and in-person payment processing and financial solutions for businesses of all sizes.
stripe.com
Expo: Make any app. Run it everywhere.
Create universal native apps with React that run on Android, iOS, and the web.
expo.dev
Wikipedia, the free encyclopedia
Welcome to Wikipedia, the free encyclopedia that anyone can edit. 6,800,000+ articles.
wikipedia.org
Hacker News
Hacker News is a social news website focusing on computer science and entrepreneurship.
news.ycombinator.com
YouTube — Broadcast yourself
Enjoy the videos and music you love, upload original content, and share it all.
youtube.com
YouTube — Broadcast yourself
Enjoy the videos and music you love, upload original content, and share it all.
youtube.com
Hacker News
Hacker News is a social news website focusing on computer science and entrepreneurship.
news.ycombinator.com
Wikipedia, the free encyclopedia
Welcome to Wikipedia, the free encyclopedia that anyone can edit. 6,800,000+ articles.
wikipedia.org
Expo: Make any app. Run it everywhere.
Create universal native apps with React that run on Android, iOS, and the web.
expo.dev
Stripe | Payment processing platform for the internet
Stripe powers online and in-person payment processing and financial solutions for businesses of all sizes.
stripe.com
Figma — The Collaborative Interface Design Tool
Build better products as a team. Design, prototype, and gather feedback all in one place.
figma.com
Linear · The new standard for modern software development
Meet the new standard for modern software development. Streamline issues, sprints, and product roadmaps.
linear.app
Vercel: Build and deploy the best web experiences
Vercel gives you the developer tools and cloud infrastructure to build, scale, and secure faster.
vercel.com
GitHub · Where the world builds software
Millions of developers build, ship, and maintain their software on GitHub.
github.com
Three lines.
No native code.
The whole API for the happy path.
import { LinkPreview } from 'react-native-preview-url';export const Card = () => ( <LinkPreview url="https://github.com" />);GitHub · Where the world builds software
Millions of developers build, ship, and maintain their software on GitHub — the world's largest developer platform.
github.com
Small surface,
deep behavior.
Everything you'd want it to do. Nothing you wouldn't.
Drop-in component
A <LinkPreview /> with sensible defaults — rounded card, 16:9 image, accessible press behavior, tap-to-open via Linking.
Or just the hook
useUrlPreview gives you { loading, data, error }. Render whatever shape your design system needs.
Smart cache
In-memory LRU with separate TTLs for success/error, automatic dedupe of concurrent requests, scoped by base URL.
Free hosted API
No API key. Or self-host the open-source backend if you need control over uptime, latency, or extraction logic.
Ship it.
The docs cover the component, the hook, the cache, the HTTP contract, and how to self-host the backend if you outgrow the free API.
Open the docs →