Open Graph Card Generator
Preview how links render on Facebook, X, LinkedIn, and Slack, and generate Open Graph and Twitter Card meta tags for HTML, Next.js, or Nuxt.
This tool runs entirely in your browser. Your input is never uploaded.
Recommended 1200 × 630 pixels. X requires at least 300 × 157 and under 5 MB.
The preview loads this address once from your browser; nothing is sent anywhere else.
browserkit.site
Open Graph Card Generator
Preview how links render on social platforms and copy ready-to-use Open Graph and Twitter Card meta tags.
Checks
- The image URL must be a complete address starting with https://.
Open Graph Card Generator
Fill in the title, description, URL, and image to see a live preview of the link card on Facebook, X, LinkedIn, and Slack. The checks panel points out missing or over-long fields, relative URLs, and handle formatting problems before you ship.
Copy the generated Open Graph and Twitter Card tags as plain HTML, a Next.js Metadata object, or a Nuxt useSeoMeta call. You can also paste existing meta tags to import the current values into the form.
Everything runs locally in your browser — no page is fetched and nothing is uploaded.
Related tools
SVG Badge & Placeholder
Create Shields-style SVG badges or placeholder images locally and export them as SVG or PNG.
Open Tool.gitignore Generator
Generate a .gitignore by picking templates for languages, frameworks, editors, tools, and operating systems, with search and custom rules.
Open ToolQR Code Generator and Scanner
Generate QR codes or scan them from images entirely in your browser.
Open Tool