Yourlinkslookboring.
Extract your brand identity, define templates with dynamic variables, and route the right image to every page. One meta tag. Done.
What you get
OG images that know your brand, your routes,
and your data.
Brand extraction
Add your domain and ExtractVibe pulls your colors, fonts, logo, and visual identity — no manual setup.
Routing rules engine
Define glob or regex patterns to serve different templates per path. Blog posts, docs, products — each gets its own design.
Dynamic variables
Pull data from your API, URL params, or custom scripts. Page title, author, price — rendered live into every image.
Process
Three steps. Brand extracted, templates live,
routing rules set.
Add your domain
Enter your URL. ExtractVibe analyzes your site and pulls your brand identity — colors, fonts, logo — automatically.
Build your templates
Choose a template or build your own. Add dynamic variables that pull from your data — title, author, price, whatever you need.
Set routing rules
Define which template serves which paths using glob or regex patterns. Then paste one meta tag and you're done.
Built for
People who'd rather ship than open Figma
for a social card.
SaaS teams
Route blog posts to one template, docs to another, changelogs to a third. Different designs, one setup.
Content sites
Pull the author, tag, and reading time into every post preview automatically via dynamic variables.
Stores
Inject product name, price, and availability from your API. Every listing page gets a rich, branded preview.
Open source
Embed a browser screenshot of your app right in the OG image. Show, don't just tell.
Free tools
No signup required. Use these right now,
no strings.
OG Checker
Paste a URL, get a score. Find out what's missing in your Open Graph tags.
Try freeT-02Platform Preview
See how your link looks on Twitter, Discord, LinkedIn, Slack, WhatsApp, and Telegram.
Try freeT-03Meta Generator
Pick your framework, fill in the blanks, copy the code. Next.js, Astro, Remix, and more.
Try freeQuestions
You're probably wondering.
+What even is an OG image?+
It's the preview that shows up when someone shares your link on Slack, Twitter, Discord, LinkedIn, or iMessage. Missing one? Your link looks like a bare URL. Having a good one can double your clicks.
+How does this actually work?+
You add your domain, ExtractVibe analyzes your site and pulls your brand identity. Then you build templates with dynamic variables, set routing rules for which template serves which paths, and add one meta tag. Every page gets the right image automatically.
+What are routing rules?+
Routing rules let you match URL patterns — glob or regex — to specific templates. So /blog/* gets your editorial template, /docs/* gets your docs template, and /products/* pulls product data from your API. Different designs, one setup.
+What are dynamic variables?+
Variables let you inject live data into your OG images — post titles, author names, product prices, view counts. You define where the data comes from: URL params, an API fetch, or a custom script. The image renders with real values every time.
+I'm not a designer. Will this look good?+
That's the whole point. ExtractVibe extracts your real brand — colors, fonts, logo — and templates are built around it, not some generic preset. Most people never touch the editor because the defaults already look polished.
+What does it cost?+
Free tier gets you 100 renders a month on one project. Pro is $19/month with unlimited renders and five projects. Or just use the API at two cents per render, no subscription.
+Can I serve images from my own domain?+
Yes. Pro and Team plans can set up og.yourdomain.com. You point a CNAME at us and we handle SSL. Takes about two minutes.
Yourbrand.Yourrules.Everylink.
Brand extracted, templates live, routing rules set. Free to start.