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 21, 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

Rails

Dynamic social cards for your web app

HTML & CSS

How the renderer works

Astro

Static Pages, Living Previews

Coming Soon

Any Website

Links That Look Right

Coming Soon

Next.js

Dynamic by Default

Coming Soon

Wix

Your Site, Everywhere

Coming Soon

Shopify

Sell Before the Click

Coming Soon

Django

Previews That Keep Up

Coming Soon

Middleman

Eye-catching cards for static sites

Coming Soon

Nuxt

Server-Rendered Shares

Coming Soon

Laravel

Production-Ready Previews

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

Open Graph infrastructure that just works

Your website looks good. So should your link previews.

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