Vercel OG Image - Free Templates

Free Tailwind Templates for generating dynamic OG images

5.0•1 review•

107 followers

Free Tailwind Templates for generating dynamic OG images

5.0•1 review•

107 followers

Visit website

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.

Free

Launch tags:Marketing•SEO•Developer Tools

Launch Team

Render Sandboxes: a computer for every agentIsolated compute, persistent state and a real filesystem

Promoted

Awesome Marketing Websites

Maker

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!

Report

4yr ago

LogoliveryAI

@vercel @kris_bogdanov Congrats, good luck 🚀 If you need some help with the logo and brand identity, feel free to contact me!

Report

4yr ago

Vouch

Very timely, this is something we have been looking at from a Product perspective. Thanks for taking the time to build the templates.

Report

4yr ago

Awesome Marketing Websites

Maker

@stevenbirchall Thanks, Steve!

Report

4yr ago

Trello Tip Generator and Newsletter

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 😂

Report

4yr ago

Awesome Marketing Websites

Maker

@britt_joiner I'm happy that somebody got the reference! :D

Report

4yr ago