We are pleased to announce the release of "OGP Generator", a web app that makes it easy to create OGP images for blog posts and social media.
Background
We built this tool to eliminate the hassle of preparing OGP images every time we write a blog post. The goal was to make it possible to quickly create OGP images in the browser without opening a design tool.
Key Features
- Title and subtitle input and editing
- Background template selection / custom image upload
- Font selection with Japanese font support
- Text effects (shadow, outline, glow, gradient, etc.)
- Background filters (blur, brightness, contrast, saturation)
- Logo addition
- AI assistant for title improvement suggestions (Workers AI / Llama 3)
- SNS preview display
- Download in PNG / JPEG / SVG format
- Japanese / English language switching
Tech Stack
- Frontend: React 19, TanStack Router, Vite 7, Tailwind CSS v4
- Backend: Hono (Cloudflare Workers)
- AI: Workers AI (Llama 3)
- Deploy: Cloudflare Workers
Try It Out
We will continue to improve the tool. Feel free to send us your feedback.