OpenGraph.gen is a modern OG image studio that lets you design beautiful 1200×630 social preview cards without opening Figma or Photoshop. Pick from multiple premium layouts (minimal, magazine, browser mock, code, quote, charts, and more) and fine-tune gradients, noise, grids, and typography in a live preview. Import content directly from any URL, auto-fill title/description/site name, or write your own copy from scratch. Upload your logo/cover image, tweak colors, add subtle texture and fade effects, and export crisp PNG/JPG/WebP in high resolution. Host the generated image in one click (ImgBB) and instantly copy ready-to-paste SEO, Open Graph, and Twitter Card meta tags. Perfect for developers, bloggers, SaaS founders, and marketers who want fast, consistent, on-brand social cards for every page.
- Automatic Open Graph Tag Generation: Generate OG tags dynamically for your web pages.
- Customizable Metadata: Easily override defaults for title, description, image, and other properties.
- Multi-platform Support: Ensures compatibility with Facebook, Twitter Cards, LinkedIn, etc.
- Easy Integration: Simple APIs for popular frameworks and static sites.
- Extensible: Add additional meta tags as needed.
You can configure the following options:
title: Title of the page/contentdescription: Short descriptionurl: Canonical URLimage: Image URL for the previewtype: Object type (website,article,profile, etc.)site_name: (optional) Name of the websitelocale: (optional) Language locale (e.g.,en_US)
- Twitter (Cards)
- Discord
- Telegram
Contributions are welcome! Please open issues and pull requests to discuss features, bugs, or ideas.
- Fork the repo
- Create your feature branch (
git checkout -b feature/my-feature) - Commit your changes (
git commit -am 'Add my feature') - Push to the branch (
git push origin feature/my-feature) - Open a pull request
Empower your website with beautiful metadata previews!