The
HTML & CSS
Guide

Understand how OpenGraph+ captures and renders your pages as social card images.

Read The HTML & CSS Guide →Get The Markdown Guide For Your LLM

How the renderer works

Table of contents

Getting Started

Add Open Graph meta tags to your static site

Chapter 1

Rendering

How OpenGraph+ captures your pages

Chapter 2

CSS Styling

Use data attributes to control social card rendering

Chapter 3

Preview Bookmarklet

Test your styles without deploying

Chapter 4

Hosted Stylesheet

Basic show/hide utilities without a build step

Chapter 5