Open Graph Image Generator
Open Graph Image Generator
Generate stunning open graph image images effortlessly!
Open Graph Image Generator
Typescript,
Next.js,
Tailwindcss

šŸš€ This thing makes whipping up Open Graph images a piece of cake. Just toss in your title, description, drop the link to your image, and bam! You got yourself a slick Open Graph image. I built this baby using Next.js and worked some magic with the @vercel/og library to make it happen.

Demo Time šŸŽ‰

Peep the live demo over here: og.krafan.com

How to Use šŸ¤™

  1. Hop on over to og.krafan.com.
  2. Throw in your title and a snazzy description for that Open Graph vibe.
  3. Toss in the link to the image you want to show off.
  4. Smash that "Generate" button to work our magic.
  5. Right-click the resulting image and hit "Save image as" to snag your Open Graph masterpiece (Or you can just grab the link from the bottom of the picture.).
Gradient background
Gradient background
Gradient background