---
title: "opengraph-react"
description: "React components for OpenGraph.io link metadata."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Showing URL previews backed by a metadata service.</PurposeNote>

## What it does

React components for OpenGraph.io link metadata.

## When it fits

Showing URL previews backed by a metadata service.

## Other options in this category

<div data-pagefind-ignore>

- [Microlink SDK](/social-previews/microlink-sdk) — Embedding external content as consistent preview cards.
- [React Link Preview](/social-previews/react-link-preview) — Turning pasted links into descriptive preview cards.
- [react-tiny-link](/social-previews/react-tiny-link) — Adding compact cards for external URLs in content feeds.
- [Vercel OG](/social-previews/vercel-og) — Creating social-sharing images dynamically for pages and content.

</div>

## Source

[Project source for opengraph-react ↗](https://www.npmjs.com/package/opengraph-react)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Preview a shared link →](/tasks/preview-a-shared-link)

[All link previews &amp; open graph options →](/social-previews)