Yaxa
Home / Docs / Dynamic OG Generator
Site & SEO Kit / Automated SEO

Dynamic Open Graph Generator (/api/og)

Zero-dependency runtime SVG Open Graph image generator. Automatically creates branded 1200x630 social share cards without headless Chrome or heavy canvas dependencies.

Live Interactive OpenGraph Card Studio

Color Mode
Rendered 1200 × 630 Card Open raw SVG endpoint
Live OpenGraph Preview (1200 × 630) Open SVG ↗
Open Graph preview for Building Faster with SvelteKit & Yaxa

Component Usage

src/routes/blog/[slug]/+page.svelte
svelte 
<script lang="ts">
  import { OgImage } from 'yaxa-svelte';
</script>
<!-- Renders live responsive preview and meta tags -->
<OgImage
  title="My Blog Post Title"
  description="A concise summary for Twitter and LinkedIn cards"
  badge="SvelteKit 2.7"
  theme="dark"
/>
Previous Page Blocks Next Robots, Sitemaps & PWA