🎨 OGKit Test Site

This test site demonstrates the ogkit.js library for creating dynamic Open Graph images using HTML and CSS templates.

🔗 Test the OG Image:

Click the button below to see the rendered OG image:

View OG Image

📋 How it works:

Normal mode: Shows this regular webpage
Render mode: When ?ogkit-render is in the URL, ogkit.js finds the template and renders it as a 1200x630px OG image

🔧 Technical Details:

Template is defined in a <template data-og-template> element
Size: 1200x630px (standard OG image dimensions)
Uses CSS for styling and animations
Sets window.__OG_READY__ = true when ready for screenshot

💡 Pro tip: Use browser dev tools to inspect the page in render mode!