OpenGraph+

Built on standard HTML

Lightweight to connect. No renderer running in your app.

Configured via meta tags

Define preview behavior using simple HTML metadata.

<meta property="og:title" content="January 19, 2026" />
<meta property="og:site_name" content="Legible News" />
<meta property="og:image" content="https://opengraphplus.com/api/websites/v1/cVB0clB4QnFKRGUySFlFRGRwekVZUTq0qjzZMVXDvYkBN9bSHQwB/image?url=https%3A%2F%2Flegiblenews.com" />
<!-- Customize how previews render with tags -->
<meta property="og:plus:selector" content="article.post" />
<meta property="og:plus:style" content="padding: 40px;" />
<meta property="og:plus:viewport:width" content="1200" />

Control what's rendered with CSS selectors & Tailwind

Hide nav bars, show social-only content, and customize per platform.

CSS

html[data-ogplus] nav {
  display: none;
}
html[data-ogplus] .social-card {
  display: block;
}

Hosted CDN

<link rel="stylesheet"
  href=".../stylesheets/v1.css">
<nav class="ogplus-hide">
  This site uses 🍪🥠
</nav>
<div class="ogplus-show">
  Come on in! 🤗
</div>

Tailwind

<nav class="ogplus:hidden">
  This site uses 🍪🥠
</nav>
<div class="hidden ogplus:block">
  Come on in! 🤗
</div>

Developer ergonomics

CLI, docs, and packages for humans and AI.

Command-line for humans and AI

Generate meta tags from your terminal or let your AI agent handle it.

$ ogplus meta legiblenews.com

<meta property="og:url" content="http://legiblenews.com">

<meta property="og:type" content="website">

<meta property="og:site_name" content="legiblenews.com">

<meta property="og:image" content="https://opengraphplus.com/api/websites/v1/WWNObVBFSUZEelNsbjRaNUdyR3FIdzqTJXSII4qvGALTpRE83Ytz/image?url=http%3A%2F%2Flegiblenews.com">

<meta property="og:image:secure_url" content="https://opengraphplus.com/api/websites/v1/WWNObVBFSUZEelNsbjRaNUdyR3FIdzqTJXSII4qvGALTpRE83Ytz/image?url=http%3A%2F%2Flegiblenews.com">

<meta property="twitter:card" content="summary_large_image">

Guides for humans. Markdown for AI. Packages for apps.

Simple setup for places people already deploy.

Tailwind CSS

Utility-first social card styling

HTML & CSS

How the renderer works

Rails

Dynamic social cards for your web app

Any Website

Links That Look Right

Coming Soon

WordPress

Perfect Link Previews

Coming Soon

Next.js

Dynamic by Default

Coming Soon

Laravel

Production-Ready Previews

Coming Soon

Jekyll

Rich link previews for your blog

Coming Soon

Sitepress

Beautiful previews for your content site

Coming Soon

Wix

Your Site, Everywhere

Coming Soon

Webflow

Designed to Be Shared

Coming Soon

Nuxt

Server-Rendered Shares

Coming Soon

Read The Docs →

In-browser debugging tools

Preview how your pages render as social cards directly in Chrome, Firefox, or Safari.

OG+ Preview browser tool showing platform preview options — Preview social cards on any page with the OG+ browser tool

Link previews that just work

Every page. Every platform. Kept up to date automatically.

Make links worth clicking

Every page, handled automatically

Looks right wherever it's shared

Built on standard HTML

Configured via meta tags

Control what's rendered with CSS selectors & Tailwind

Developer ergonomics

Command-line for humans and AI

Guides for humans. Markdown for AI. Packages for apps.

In-browser debugging tools

See what's happening on your site