Vercel OG Image Generation: Fast, dynamic social card images at the Edge

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com
SVG NodeJS image-generator Nextjs Rust

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • satori

    Enlightened library to convert HTML and CSS to SVG

  • next-banner

    Discontinued 🖼️ Generate Open Graph images for Next.js on build

    • Sure. This is what I did first. https://github.com/alvarlagerlof/next-banner. Its using one puppeteer process at build, for static sites. Made for Next.js.

    However I was working on another version, which just reads html files for metadata instead. Not really shareable and working, built it's using vite to build a few different frameworks. https://github.com/alvarlagerlof/ogimage

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • ogimage

    • Sure. This is what I did first. https://github.com/alvarlagerlof/next-banner. Its using one puppeteer process at build, for static sites. Made for Next.js.

    However I was working on another version, which just reads html files for metadata instead. Not really shareable and working, built it's using vite to build a few different frameworks. https://github.com/alvarlagerlof/ogimage

  • resvg-js

    A high-performance SVG renderer and toolkit, powered by Rust based resvg and napi-rs.

    • There are already a lot of choices to convert SVGs to PNGs, what Vercel uses is https://github.com/yisibl/resvg-js. And Sharp is another good option.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Dynamic OG image with SvelteKit and Satori

    5 projects | dev.to | 20 Oct 2022

  • Rust for JavaScript Developers (2019)

    1 project | news.ycombinator.com | 21 Apr 2024

  • Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda

    4 projects | dev.to | 15 Apr 2024

  • 7 Frameworks, One SAML Jackson - Your Open Source Single Sign-On Solution

    9 projects | dev.to | 3 Apr 2024

  • Qilin: A Starter Project Template For Every Open Source Project

    12 projects | dev.to | 25 Mar 2024