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
Nico
It's a cool little tool!
Germán Merlo
It is super cool!
Alex Dulub
A valuable asset for developers and marketers alike!
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.