Open Graph image generator
Free Next.js templates for 1200×630 social cards. Copy the kit, self-host it, and ship your own images.
- Automated with Satori
- Styled with Tailwind CSS
- Works in Next.js and any host that runs Node
Used on live startup cards
Real OG images from live startups
SaaS, design, ecommerce, productivity. A swipe file of cards from sites that already rank.
Why this kit?
Stop exporting a PNG for every URL. Generate the card when the page renders.
From people who shipped cards
Charlie Yalf
Amazing work!
Guilherme Oenning
This will make it so much easier!
Javi Ezpeleta
I can't think of a better, easier, and faster way to have good website thumbnails than with this tool!
OG image templates
Every template is in the kit. You get the route source. Change it.
No icons, no text, just a beautiful emoji
Emoji OG image template 👇
These lucide icons look great
Icon OG image template 👇
Any image, logo or profile picture
Image OG image template 👇
Highly converting call to action button
Button OG image template 👇
Headline with a background box
Headline OG image template 👇
Make automatic screenshots for every page
Live screenshot OG image template 👇
Real-time live screenshot of your mobile website
Phone OG image template 👇
Use Unsplash API + Vercel geolocation to get a city picture
City OG image template 👇
Blog post with a screenshot, title, and author
Blog post OG image template 👇
Get the kit
Source is on GitHub. Leave your email for the Notion walkthrough.
Questions
The kit is public. The gallery is a swipe file. You host the images.