Quickly grab the code one of our Vercel OG template, customise it however you want and start generating dynamic Open Graph templates for your blog, product or podcast.
Last week Vercel announced the launch of their new library - @vercel/og. It allows us to dynamically generate Open Graph images - and do it super fast. You can even use Tailwind for your templates!
I was super excited about it, so I spent some time and created a bunch of Tailwind templates for the community which you can copy and paste into your codebase, customise them however you want, and start using them for your website!
To keep the templates easy to get started, I only used the default font family and font weight (Noto Sans Regular). However, I also created a tutorial to show you how to use your custom fonts and multiple font weights within your templates.
I plan to work on many more templates in the future, so let me know if you'd like anything specific and I can have a look.
Check it out and let me know what you think!
Love this and need to bookmark whenever I'm making a site - figuring out the OG image is always my least favorite part 😂 But so needed! Also love the bluth reference 😂
Awesome Marketing Websites
LogoliveryAI
Vouch
Awesome Marketing Websites
Trello Tip Generator and Newsletter
Awesome Marketing Websites
Flex-Worthy Templates