Tool
CLI registryOg Live Preview
CSS preview of an OG social card.
Preview → install → use
01
Preview
npx shadcn@latest add @atroui/og-live-previewSource lands in your repo. Setup: Installation · Registry catalog.
02
API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | Card title. |
| subtitle | string | - | Card subtitle. |
| styleKey | StyleKey | - | Preset style. |
Part of OG and thumbnail images in Next.js.
OG Live Preview