nuxt-og-image

Generate OG Images with Vue templates in Nuxt.

Status: v3 RC is available
^{Please report any issues 🐛}
_{Made possible by my Sponsor Program 💖
Follow me @harlan_zw 🐦 • Join Discord for help}

Features

✨ Create an og:image using the built-in templates or make your own with Vue components
🎨 Design and test your og:image in the Nuxt DevTools OG Image Playground with full HMR
▲ Render using Satori: Tailwind / UnoCSS with your theme, Google fonts, 6 emoji families supported and more!
🤖 Or prerender using the Browser: Supporting painless, complex templates
📸 Feeling lazy? Just generate screenshots for every page: hide elements, wait for animations, and more
⚙️ Works on the edge: Vercel Edge, Netlify Edge and Cloudflare Workers

Install nuxt-og-image dependency to your project:

npx nuxi@latest module add og-image

Name		Name	Last commit message	Last commit date
Latest commit History 1,176 Commits
.github		.github
.playground		.playground
client		client
src		src
test		test
.editorconfig		.editorconfig
.gitignore		.gitignore
.npmrc		.npmrc
.nuxtrc		.nuxtrc
README.md		README.md
eslint.config.js		eslint.config.js
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
renovate.json		renovate.json
tsconfig.json		tsconfig.json
virtual.d.ts		virtual.d.ts
vitest.config.ts		vitest.config.ts