Vercel OG Image
source link: https://www.producthunt.com/posts/vercel-og-image
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Vercel OG Image
Free Tailwind templates for generating dynamic OG images
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!
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK